@charset "utf-8";

/* CSS Document */

@import url(https://goaweddingdirectory.com/2023/fontawesome-free/css/all.css);

@import url('https://fonts.googleapis.com/css?family=Roboto:300');

@import url(https://fonts.googleapis.com/css?family=Lobster);

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* GENERAL CSS */



.example {  padding: 20px;  }

.newspaper img { border-radius: 15px; }





body{font-family:'Roboto', sans-serif;font-weight:300;margin:0px;padding:0px;background-color:white;}

a{color: inherit;text-decoration: none;}



.img-responsive {width:100%; height:auto; }

/* =========BLUE-HEADER-STRIP========= */

.header-strip {width:100%;background-color:#fff;}

.header-frame-set{width:90%;margin:0px auto;padding:8px;font-size:18px;}

.header-frame-left{float:left;width:70%;text-align:left;color: #000;padding-top :10px;font-family:'Roboto', sans-serif;}

.header-frame-right{float:left;width:30%;text-align:right;color:#000;font-family:'Roboto', sans-serif;}



/* ================== */



/* =========LOGO & REGISTER BUTTON========= */

.header-strip-logo {width:100%;background-color: white;}

.header-logo-set{width:100%;margin:0px auto;}

.header-logo-left{float:left;width:50%;text-align:center;clear:right;padding-top:10px;}

.header-logo-right{float:left;width:49%;text-align:center;font-family: 'Roboto', sans-serif;font-weight:300;background-image: url('heart-bg-new.png');background-position: center center; background-repeat: no-repeat;border-radius: 7px;

  background-color:cornsilk;margin-top:10px;margin-right:10px;}

/* ========= end LOGO & REGISTER BUTTON========= */



 







/*    register button */





.button {

  border-radius: 7px;  background-color: #FA7070;  border:1PX SOLID #FFD1D1;  color: #fff;

  text-align: center;  padding: 9px 12px;  width: auto;font-weight:300;  transition: all 0.5s;

  cursor: pointer;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

	 

}	





/* ==============   testimonials SLIDE SHOW =====*/ 

/* Slideshow container */

* {box-sizing: border-box}

.slideshow-container {

  position: relative;

 

}



/* Slides */

.mySlides {

  display: none;

padding: 10px 50px;



  text-align: center;

}



/* Next & previous buttons */

.prev, .next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  margin-top: -30px;

  padding: 16px;

  color: #888;

  font-weight: bold;

  font-size: 20px;

  border-radius: 0 3px 3px 0;

  user-select: none;

}



/* Position the "next button" to the right */

.next {

  position: absolute;

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

 

  color: black;

}



/* The dot/bullet/indicator container */

.dot-container {

    text-align: center;

    padding: 20px;

    

}



/* The dots/bullets/indicators */

.dot {

  cursor: pointer;

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

}



/* Add a background color to the active dot/circle */

.active, .dot:hover {



}



/* Add an italic font style to all quotes */

q1 {font-style: italic;}



/* Add a blue color to the author */

.author1 {color: cornflowerblue;}



/* Fading animation */

.fade {

  animation-name: fade;

  animation-duration: 1.5s;

}



@keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



/*  ======== END BANNER SLIDE SHOW============*/



/*   ======= MENU SECTION  ========  */





/* menu - new */ 





.dropdown {

  position: relative;

  display: block;

  width: 90%;

	

}



.dropdown-content {

  display: none;  position: absolute;  background-color: #fff;

	padding:5px;border-radius: 1px 1px;  font-size:18px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;font-family: 'Roboto', sans-serif;font-weight:300;

}







.dropdown-content a:hover {

	border-radius: 1px 1px;

	background-color: #f1f1f1;

}



.dropdown:hover .dropdown-content {

  display: block;

}



.dropdown:hover .dropbtn {

  

}	

/* end menu */

/* ==== END MENU SECTION ======== */



	/*== PAGE ===*/



.page-title{font-family: 'Great Vibes', cursive;padding:25px 0px 0px 0px;font-size:75px;text-align:center;color:white;text-shadow: 2px 2px 5px black;text-decoration: underline;text-decoration-thickness: 1px; } 



.page-title-2{font-family: 'Great Vibes', cursive;padding:25px 0px 20px 0px;font-size:55px;text-align:center;color:white;text-shadow: 1px 1px 4px gray;} 



.page-title-sub{font-family: 'Roboto', sans-serif;padding:0px;font-size:25px;text-align:center;color:white;text-shadow: 2px 2px 5px black;} 



#framework-full-page {width: 100%;	padding-top:380px;height:auto;		padding-bottom:90px; background-size: cover;

     background-position: center bottom;  background-repeat: no-repeat;

  }



/*== END PAGE ===*/









/*  ============ MENU bg background-image: url('https://goaweddingdirectory.com/main-menu-bg.jpg');  ===*/

	#framework-full {width: 100%;		padding-top:10px;height:auto;		padding-bottom:10px; 

     background-position: center bottom;  background-repeat: no-repeat;background-size: cover;

  }

/*#framework-full {width: 100%;background-image: url('https://goaweddingdirectory.com/main-menu-bg.jpg');		padding-top:300px;height:auto;		padding-bottom:250px; 

     background-position: center bottom;  background-repeat: no-repeat;background-size: cover;

  }
*/
.menu-title{font-family: 'Great Vibes', cursive;padding:25px;font-size:55px;text-align:center;color:white;text-shadow: 2px 2px 5px black;}





#framework-full-small {width: 100%;	padding-top:230px;height:auto;		padding-bottom:230px; background-size: cover;

       background-repeat: no-repeat;

  }



	/*  ============END MENU ===*/





/*==== MAIN PAGE BANNER====*/



.half-banner{width:33%;float:left;padding:5px;}

.full-banner{width:99.5%;float:left;padding:5px;}



/* ====END MAIN PAGE BANNER ====*/



/* === PAGE CALL& WATSAPP ==== */



.buttons {

width: 200px;

	font-family:'Roboto', sans-serif;	 

margin: 0 auto;

display: inline;}



    .action_btn {

width: 200px;	font-family:'Roboto', sans-serif;

margin: 0 auto;

display: inline;}



/* === END PAGE CALL& WATSAPP ==== */



/*==== SCROLL TOP =====*/

#myBtn {

  display: none;

  position: fixed;

		width:60px;

	height:60px;

  bottom: 20px;

  right: 30px;/* 100px*/

  z-index: 99;

  font-size: 15px;

  border: none;

  outline: none;

  background-color:deeppink;

  color: white;

  cursor: pointer;

  padding: 10px;

  border-radius: 15px 0px;

}



#myBtn:hover {

  background-color:mediumvioletred;

}

.w-chat {

  position:fixed;

	width:60px;

	height:60px;

	bottom:20px;

	  padding: 10px;

	font-size:35px;

	right:30px;

	background-color:limegreen;

	color:#FFF;

	border-radius: 15px 0px;

	text-align:center;

	box-shadow: 2px 2px 3px #999;

}



.w-chat:hover {

  background-color: #128C7E;

}

/* ===== END SCROLL TOP =====*/

.set-image {margin-bottom:15px;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}





.tags{font-weight:bold;padding:0px 0px 20px 20px;text-align: center;color:darkgray;}

	





/*.info{font-size:18px;padding:0px 20px;text-align: justify;padding-bottom: 10px;margin:15px;}*/











/* ============END GENERAL CSS===================== */







/* ==================RESPONSIVE SECTION=================================== */







/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {

 

	

/* =========BLUE-HEADER-STRIP========= */

.header-strip {width:100%;background-color:#fff;}

.header-frame-set{width:100%;margin:0px auto;padding:10px;font-size:18px;}

.header-frame-left{float:left;width:55%;text-align:left;color: #000;padding-top :10px;font-family:'Roboto', sans-serif;}

.header-frame-right{float:left;width:45%;text-align:right;color:#000;font-family:'Roboto', sans-serif;}

.email{display:none;}

/* ================== */	

	

	

	

/*============PAGE CALL & WATSAPP===============*/	

.call-b{color:white;background-color:deepskyblue; font-size:14px;margin-RIGHT:5PX;border: 2px solid deepskyblue; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}

	

	.wats-b{color:white;background-color:#25d366;font-size:14px;border: 2px solid #25d366; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}	

/*====================================================*/

	

	

	

	

	

/* ========HEADER-STRIP============== */

	.header-logo-set{width:100%;margin:0px auto;}

.header-logo-left{width:100%;text-align:center;padding-top:10px;}

	

.header-logo-right{float:left;width:100%;text-align:center;font-family: 'Roboto', sans-serif;font-weight:300;background-image: url('heart-bg-new.png');background-position: center center; background-repeat: no-repeat;border-radius: 7px;

  background-color:cornsilk;margin-top:10px;}	

	

	.header-logo-regis-text{width:100%;float:left;padding-top:25px;font-size:25px;text-align:center;}

.header-logo-button {width:90%;float:left;text-align:center;margin:0px auto; padding:20px;}

	

	/*  registraion tab for mobile */

.header-logo-regis-text-mobile{width:100%;padding: 20px 0px 15px 0px;font-size:25px;text-align:center;}

.header-logo-button-mobile {width:100%;float:left;text-align:center; padding: 10px 0px 25px 0px;}	

.button{  font-size: 14px;width:60%;margin: auto;}

	

	#remove {display:none;}

	.chg-position{display:none;}

.logo {width:185px;height:auto;}	

/* ========END OF HEADER-STRIP============== */

	

	

/* =====  category bg link  ===*/



.square{ padding:0px; width:98.5%;float:left;padding-top:0px;margin:5px;margin-bottom:25px;background-repeat: no-repeat;background-position: center center;border-radius: 0px 100px 100px 100px;border:1px solid blue;background-size:cover;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;height:460px;}



.square-info{margin:25px;background-color:#fff;border-radius: 0px 100px 100px 100px;width:88%;margin-top:275px;padding-left:35px;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}



.square-title { padding:20px 0px 0px 5px;margin:0px;font-size: 33px;font-weight: 100;font-family: 'Great Vibes', cursive;}	

	.square-points { padding:0px 0px 20px 0px;line-height: 22px;padding-bottom:9px;float:left;width:80%;}

	

.square-arrow {float:left;width:20%;height:100px;padding:0px 0px 0px 15px;}	

	

	

/* =====  END category bg link  ===*/		

	





	

	

	

	

	

	

	

	

	

	/*  ============ MENU bg ===*/

	

	.menu-title{font-family: 'Great Vibes', cursive;padding:25px;font-size:40px;text-align:center;color:white;text-shadow: 2px 2px 5px black;}

	

	



#framework-full-small {width: 100%;	padding-top:90px;height:auto;		padding-bottom:90px;background-size: cover;

       background-repeat: no-repeat;

  }





#framework-full { padding-top:10px;padding-bottom:10px;

   

background-position: center center;

background-repeat: no-repeat;

background-size:cover;}	

	

	

	

	/*  ============END MENU ===*/	

	

	

	

	/*   ======= MENU SECTION  ========  */

.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;float:left;

  width:100%;

}	

	

.dropbtn {



  font-size: 15px;

  width: auto;

  

}	

	



	

	/*   ======= end MENU SECTION  ========  */



/* ==== BANNER SET ======  */

.banner-set {width:100%;padding-bottom:15px;}

.banner-title {text-align:center;font-family: 'Great Vibes', cursive;padding:25px 0px 8px 0px;font-size:32px;}

.banner-frame {width:96%;margin: auto;padding-bottom:20px;margin-left: 10px;}



.banner-image {border-radius: 9px 9px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;width:100%;height:auto;float:left;margin-bottom:8px;}

	

	.banner-premium {

  column-count: 2;

  column-gap: 8px;

}	



/* ===  END BANNER SET  ===*/	

	/* ======= MAIN MENU =========   */



.menu-frame-set{width:100%;margin:0px auto;}

.menu-main {font-family: 'Oswald', sans-serif;font-weight:bold;color:white;

	padding: 0px 10px;}



.nav {

 

    display: inline-block;

    background-color: dodgerblue;

  color: black;

  text-align: center;

  padding: 10px;

  text-decoration: none;

  font-size: 17px;

  width:14.5%; color: white;

}



.nav a:hover {

 background-color: #4eb7f5;

  color: white;

}



.nav a.active {



  color: white;

}

/* ================== */	

		.example {background: red;}



/*---- CONTENT -----*/

	.content-set{width:100%;}

	.content-frame{width:100%;margin:0px auto;}	

	.content-banner-left{width:20%;float:left;display: none;}

	.content-banner-center{width:100%;padding:5px;margin:auto;}

	.content-banner-right{width:20%;float:left;display: none;}	

/*---- END CONTENT -----*/

	

/*---- FOOTER -----*/

.footer-menu{padding-bottom:10px;}	

.footer-set{width:100%;background-color:cornflowerblue;}

	.fooger-frame{width:98%;margin: 0px auto;}	

	.footer-points{column-count: 2;padding:5px;line-height:1.7ems;font-size:13px;text-align: left;color:white;margin: 0px auto;}

	.footer-end{width:100%;background-color:cornflowerblue;padding:8px;color:white;text-align:center;font-size:12px;}	

/*---- END FOOTER -----*/



}



/* ============================================= */

/* ============================================= */

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {

  

	

/*============PAGE CALL & WATSAPP===============*/	

.call-b{color:white;background-color:deepskyblue; font-size:18px;margin-RIGHT:5PX;border: 2px solid deepskyblue; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}

	

	.wats-b{color:white;background-color:#25d366;font-size:18px;border: 2px solid #25d366; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}	

/*====================================================*/	

	

	

	

	/* =========BLUE-HEADER-STRIP========= */

.header-strip {width:100%;background-color:#fff;}

.header-frame-set{width:100%;margin:0px auto;padding:8px;font-size:18px;}

.header-frame-left{float:left;width:70%;text-align:left;color: #000;padding-top :10px;font-family:'Roboto', sans-serif;}

.header-frame-right{float:left;width:30%;text-align:right;color:#000;font-family:'Roboto', sans-serif;}

	/* =========end BLUE-HEADER-STRIP========= */

.email{padding-left:10px;}	

	

	/* ========HEADER-STRIP============== */

	.header-logo-set{width:100%;margin:0px auto;padding-bottom: 15px;}



	

.header-logo-left{float:left;width:49%;text-align:center;clear:right;padding-top:10px;}

.header-logo-right{float:left;width:49%;text-align:center;font-family: 'Roboto', sans-serif;font-weight:300;background-image: url('heart-bg-new.png');background-position: center center; background-repeat: no-repeat;border-radius: 7px;

  background-color:cornsilk;margin-top:25px;margin-right:10px;}

	

	.header-logo-regis-text{width:59%;float:left;padding: 15px 0px 15px 22px;font-size:15px;text-align:left;}

.header-logo-button {width:40%;float:left;text-align:center; padding: 10px 0px 10px 0px;}	

.button{  font-size: 14px;width:95%;}

	

#remove1 {display:none;}	

.logo {width:185px;height:auto;margin:0px; padding:0px;}

	

/* ========END OF HEADER-STRIP============== */





	

	

	

	/* ======= MAIN MENU =========   */



.menu-frame-set{width:100%;margin:0px auto;}

.menu-main {font-family: 'Oswald', sans-serif;font-weight:bold;color:white;

	padding: 0px 10px;}



.nav {

 

    display: inline-block;

    background-color: dodgerblue;

  color: black;

  text-align: center;

  padding: 10px;

  text-decoration: none;

  font-size: 17px;

  width:14.5%; color: white;

}



.nav a:hover {

 background-color: #4eb7f5;

  color: white;

}



.nav a.active {



  color: white;

}

/* ================== */	

	

	

/* ==== BANNER SET ======  */

.banner-set {width:100%;padding-bottom:15px;}

.banner-title {text-align:center;font-family: 'Great Vibes', cursive;padding:25px 0px 8px 0px;font-size:35px;}

.banner-frame {width:95%;margin: auto;padding-bottom:20px;}



.banner-image {border-radius: 9px 9px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;width:100%;height:auto;float:left;margin-bottom:8px;}

	.banner-premium {

  column-count: 4;

  column-gap: 8px;

}	



/* ===  END BANNER SET  ===*/	



	

		

		/*===== MENU ====== */

		.dropdown-content a {

  color: black;font-size: 17px;

  padding: 12px 16px;

  text-decoration: none;

  display: block;float:left;border: none;

  width:50%;

}

	

	.dropbtn {

 

  font-size: 19px;

  width: 80%; color: #000;font-family: 'Roboto', sans-serif;font-weight:normal;

  text-align: left;font-weight:100;

  border: none;

  cursor: pointer;

  

}

	/*===== END MENU ====*/

	

	

/* =====  category bg link  ===*/



.square{ padding:0px; width:98.5%;float:left;padding-top:0px;margin:5px;margin-bottom:25px;background-repeat: no-repeat;background-position: center center;border-radius: 0px 100px 100px 100px;border:1px solid blue;background-size:cover;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;}



.square-info{margin:25px;background-color:#fff;border-radius: 0px 100px 100px 100px;width:60%;padding-left:35px;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}



.square-title { padding:20px 0px 0px 15px;margin:0px;font-size: 40px;font-weight: 100;font-family: 'Great Vibes', cursive;}	

	.square-points { padding:0px 0px 20px 15px;line-height: 22px;padding-bottom:9px;float:left;width:70%;}

	

.square-arrow {float:left;width:30%;height:100px;padding:0px 0px 0px 15px;}	

	

	

/* =====  END category bg link  ===*/			

	

	

	

	

/*---- CONTENT -----*/

	.content-set{width:100%;}

	.content-frame{width:100%;margin:0px auto;}	

	.content-banner-left{width:20%;float:left;display: none;}

	.content-banner-center{width:100%;padding:5px;margin:auto;}

	.content-banner-right{width:20%;float:left;display: none;}	

/*---- END CONTENT -----*/		

	

/*---- FOOTER -----*/

.footer-menu{padding-bottom:10px;}	



.footer-set{width:100%;background-color:cornflowerblue;}

	.fooger-frame{width:95%;margin: 0px auto;}	

	.footer-points{column-count: 3;padding:10px;line-height:1.7ems;font-size:15px;text-align: left;color:white;margin: 0px auto;}

	.footer-end{width:100%;background-color:cornflowerblue;padding:10px;color:white;text-align:center;}	

/*---- END FOOTER -----*/

	

	.chg-position-2 {display: none;	}

	.example {background: green;}

}

 

/* ============================================= */

/* ============================================= */

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {

  

	

	/*============PAGE CALL & WATSAPP===============*/	

.call-b{color:white;background-color:deepskyblue; font-size:18px;margin-RIGHT:5PX;border: 2px solid deepskyblue; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}

	

	.wats-b{color:white;background-color:#25d366;font-size:18px;border: 2px solid #25d366; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}	

/*====================================================*/

	

	

	

	/* ========HEADER-STRIP============== */

.header-logo-regis-text{width:60%;float:left;padding: 15px 0px 20px 22px;font-size:22px;text-align:left;}

.header-logo-button {width:40%;float:left;text-align:center; padding: 10px 0px 10px 0px;}	

.button{  font-size: 18px;width:70%;margin: auto;}



	.logo {width:185px;height:auto;}

	/* ========END OF HEADER-STRIP============== */

	

	

	



	

	

	

	

	

/* ==== BANNER SET ======  */

.banner-set {width:100%;padding-bottom:15px;}

.banner-title {text-align:center;font-family: 'Great Vibes', cursive;padding:25px 0px 8px 0px;font-size:45px;}

.banner-frame {width:100%;margin: auto;padding-bottom:20px;}

.

.banner-image {border-radius: 9px 9px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;width:100%;height:auto;float:left;}

	

	.banner-premium {

  column-count: 4;

  column-gap: 8px;

}	



/* ===  END BANNER SET  ===*/		

	

		/*===== MENU ====== */

		.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;float:left;border: none;

  width:30%;

}

	

	.dropbtn {

 

  font-size: 20px;

  width: 60%; color: #000;font-family: 'Roboto', sans-serif;font-weight:300;

  text-align: left;font-weight:100;

  border: none;width: 60%;

  cursor: pointer;

  

}

	/*===== END MENU ====*/

	



	

	

	

	

	/* ======= MAIN MENU =========   */



.menu-frame-set{width:100%;margin:0px auto;}

.menu-main {font-family: 'Oswald', sans-serif;font-weight:bold;color:white;

	padding: 0px 10px;}



.nav {

 

  list-style-type: none;

  text-align: center;

  margin: 0;

  padding: 5px 0px;

}



.nav li {

  display: inline-block;

  font-size: 20px;

  width:16.5%;

}

/* ================== */

	

	

/* =====  category bg link  ===*/



.square{ padding:0px; width:98.5%;float:left;padding-top:0px;margin:5px;margin-bottom:25px;background-repeat: no-repeat;background-position: center center;border-radius: 0px 100px 100px 100px;border:1px solid blue;background-size:cover;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;}



.square-info{margin:25px;background-color:#fff;border-radius: 0px 100px 100px 100px;width:60%;padding-left:35px;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}



.square-title { padding:20px 0px 0px 15px;margin:0px;font-size: 40px;font-weight: 100;font-family: 'Great Vibes', cursive;}	

	.square-points { padding:0px 0px 20px 15px;line-height: 22px;padding-bottom:9px;float:left;width:70%;}

	

.square-arrow {float:left;width:30%;height:100px;padding:0px 0px 0px 15px;}	

	

	

/* =====  END category bg link  ===*/		

	

	

	



	/*---- CONTENT -----*/

	.content-set{width:100%;}

	.content-frame{width:95%;margin:0px auto;}	

	.content-banner-left{width:20%;float:left;display: block;}

	.content-banner-center{width:60%;float:left;display: block;margin:auto;}

	.content-banner-right{width:20%;float:left;display: block;}

	

	

/*---- END CONTENT -----*/		

	/*---- FOOTER -----*/

.footer-menu{padding-bottom:10px;}	

.footer-set{width:100%;background-color:cornflowerblue;}

	.fooger-frame{width:95%;margin: 0px auto;}	

	.footer-points{column-count: 3;padding:10px;line-height:1.7ems;font-size:18px;text-align: left;color:white;margin: 0px auto;width:90%;}

	.footer-end{width:100%;background-color:cornflowerblue;padding:10px;color:white;text-align:center;}	

/*---- END FOOTER -----*/

	

	

	.chg-position-2 {display: none;	}

	.example {background: orange;}

} 

/* ============================================= */

/* ============================================= */

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {



/*============PAGE CALL & WATSAPP===============*/	

.call-b{color:white;background-color:deepskyblue; font-size:18px;margin-RIGHT:5PX;border: 2px solid deepskyblue; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}

	

	.wats-b{color:white;background-color:#25d366;font-size:18px;border: 2px solid #25d366; border-radius: 8px;padding:8px;font-family:'Roboto', sans-serif;}	

/*====================================================*/

	

/* =========BLUE-HEADER-STRIP========= */

.header-strip {width:100%;background-color:#fff;}

.header-frame-set{width:100%;margin:0px auto;padding:8px;font-size:18px;}

.header-frame-left{float:left;width:70%;text-align:left;color: #000;padding-top :10px;font-family:'Roboto', sans-serif;}

.header-frame-right{float:left;width:30%;text-align:right;color:#000;font-family:'Roboto', sans-serif;}



/* ================== */	

	 



	



	

	/* ========HEADER-STRIP============== */

.header-logo-set{width:100%;margin:0px auto;}

.header-logo-regis-text{width:60%;float:left;padding: 20px 0px 20px 25px;font-size:24px;text-align:left;}

.header-logo-button {width:40%;float:left;text-align:center; padding: 10px 0px 10px 0px;}

	.button{  font-size: 17px;}

	

	.logo {width:185px;height:auto;}

	/* ========END OF HEADER-STRIP============== */

	

	

	

	/* ======= MAIN MENU =========   */



.menu-frame-set{width:100%;margin:0px auto;}

.menu-main {font-family: 'Oswald', sans-serif;font-weight:bold;color:white;

	padding: 0px 15px;}



.nav {

 

  list-style-type: none;

  text-align: center;

  margin: 0;

  padding: 5px 0px;

}

 

.nav li {

  display: inline-block;

  font-size: 23px;

width:16.5%;

}

/* ================== */





	

/* =====  category bg link  ===*/



.square{ padding:0px; width:98.5%;float:left;padding-top:0px;margin:5px;margin-bottom:25px;background-repeat: no-repeat;background-position: center center;border-radius: 0px 100px 100px 100px;border:1px solid blue;background-size:cover;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;}



.square-info{margin:25px;background-color:#fff;border-radius: 0px 100px 100px 100px;width:60%;padding-left:35px;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}



.square-title { padding:20px 0px 0px 15px;margin:0px;font-size: 40px;font-weight: 100;font-family: 'Great Vibes', cursive;}	

	.square-points { padding:0px 0px 20px 15px;line-height: 22px;padding-bottom:9px;float:left;width:70%;}

	

.square-arrow {float:left;width:30%;height:100px;padding:0px 0px 0px 15px;}	

	

	

/* =====  END category bg link  ===*/		

	

	

	

	

	

	

	

/* ==== BANNER SET ======  */

.banner-set{width:100%;padding-bottom:15px;}

.banner-title{text-align:center;font-family: 'Great Vibes', cursive;padding:25px 0px 8px 0px;font-size:45px;}

.banner-frame{width:100%;margin:0px auto;padding-bottom:20px;}



.banner-image{border-radius: 9px 9px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;width:100%;height:auto;float:left;}

	

.banner-premium {

  column-count: 4;

  column-gap: 8px;

}	

	

	

/* ===  END BANNER SET  ===*/	

	

	

	/*===== MENU ====== */



	.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;float:left;

  width:25%;

}	

	

.dropbtn {



  font-size: 18px;

  width: 55%; color: #000;font-family: 'Roboto', sans-serif;font-weight:300;

  text-align: left;font-weight:100;

  border: none;width: 60%;

  cursor: pointer;

  

}

	/*===== END MENU ====*/

	

	

/*---- CONTENT -----*/

	.content-set{width:100%;}

	.content-frame{width:85%;margin:0px auto;}	

	.content-banner-left{width:20%;float:left;display: block;}

	.content-banner-center{width:60%;float:left;display: block;margin:auto;}

	.content-banner-right{width:20%;float:left;display: block;}

	

	

/*---- END CONTENT -----*/	

	

	/*---- FOOTER -----*/

.footer-menu{padding-bottom:10px;}	

.footer-set{width:100%;background-color:cornflowerblue;}

	.fooger-frame{width:95%;margin: 0px auto;}	

	.footer-points{column-count: 4;padding:10px;line-height:1.7ems;font-size:18px;text-align: left;color:white;width:90%;margin: 0px auto;}

	.footer-end{width:100%;background-color:cornflowerblue;padding:10px;color:white;text-align:center;}	

/*---- END FOOTER -----*/

	

	/*-- ////////////// REGISTER BUTTON MOBILE ///////////////// */

	.chg-position-2 {display: none;	}

  .example {background: pink;}mobile



}