/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/
:root {
    --spin-secs: 22s;
    /* rotation speed */

}

/*
.submenu            {font-family: "Roboto", sans-serif !important;text-decoration:none;color:#fff;font-size:14px;background-image:url('assets/img/bullet.png');background-repeat:no-repeat;background-position:9px 9px;text-align:left;}
.submenu:hover      {background-color:#01bbcd;color:#fff;background-image:url('assets/img/bullet1.png');background-repeat:no-repeat;background-position:10px 7px;}

.subMenubg a        {font-family: "Roboto", sans-serif !important;font-size: 15px; font-weight: 500; text-decoration:none;color:#5b5b5b;display:block;margin:0;border-bottom:1px dotted #CCCCCC;padding:10px 5px 10px 18px;background-image:url('assets/img/bullet.png');background-repeat:no-repeat;background-position:5px 16px;line-height:20px;}
.subMenubg a:hover  {background-color:#01bbcd;color:#FFFFFF !important;background-image:url('assets/img/bullet1.png');background-repeat:no-repeat;background-position:5px 16px;}

.subMenubg1 a       {font-family: "Roboto", sans-serif !important;text-decoration:none;color:#FFFFFF !important;background-color:#01bbcd;display:block;margin:0;border-bottom:1px solid #9F9F9F;padding:10px 0px 10px 30px;background-image:url('assets/img/bullet1.png');background-repeat:no-repeat;background-position:15px 15px;line-height:20px;}
.subMenubg1 a:hover {background-image:url('assets/img/bullet1.png');display:block;background-repeat:no-repeat;margin:0;color:#FFFFFF;background-position:15px 15px;background-color:#076d77;}

.subMenubg2 a       {font-family: "Roboto", sans-serif !important;text-decoration:none;color:#fff;display:block;margin:0;border-bottom:1px dotted #9F9F9F;padding:7px 0px 7px 35px;background-image:url('assets/img/bullet1.png');background-repeat:no-repeat;background-position:22px 15px;background-color:#076d77;}
.subMenubg2 a:hover {background-image:url('assets/img/bullet.png');display:block;background-repeat:no-repeat;margin:0;color:#000;background-position:22px 15px;background-color:#eee;}
*/

.submenu {
  font-family: "Roboto", sans-serif !important;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  text-align: left;
  background: url('assets/img/bullet.png') no-repeat 9px 9px;
}

.submenu:hover {
  color: #fff;
  background: #01bbcd url('assets/img/bullet1.png') no-repeat 10px 7px;
}


/* Default submenu links */
.subMenubg a {
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  color: #5b5b5b;
  display: block;
  margin: 0;
  border-bottom: 1px dotted #ccc;
  padding: 10px 5px 10px 18px;
  line-height: 20px;
  background: url('assets/img/bullet.png') no-repeat 5px 16px;
}

.subMenubg a:hover {
  color: #fff !important;
  background: #01bbcd url('assets/img/bullet1.png') no-repeat 5px 16px;
}

/* Active menu */
.subMenubg1 a {
  font-family: "Roboto", sans-serif !important;
  text-decoration: none;
  color: #fff !important;
  background: #01bbcd url('assets/img/bullet1.png') no-repeat 15px 15px;
  display: block;
  margin: 0;
  border-bottom: 1px solid #9f9f9f;
  padding: 10px 0px 10px 30px;
  line-height: 20px;
}

.subMenubg1 a:hover {
  color: #fff;
  background: #076d77 url('assets/img/bullet1.png') no-repeat 15px 15px;
}

/* Submenu level 2 */
.subMenubg2 a {
  font-family: "Roboto", sans-serif !important;
  text-decoration: none;
  color: #fff;
  background: #076d77 url('assets/img/bullet1.png') no-repeat 22px 15px;
  display: block;
  margin: 0;
  border-bottom: 1px dotted #9f9f9f;
  padding: 7px 0px 7px 35px;
  line-height: 20px;
}

.subMenubg2 a:hover {
  color: #000;
  background: #eee url('assets/img/bullet.png') no-repeat 22px 15px;
}


.page-heading h1        {color:#FFFFFF !important; font-size:55px !important;}

#pagedata 				{padding-bottom: 30px;}
#pagedata	h1 			{font-size:35px !important; padding-bottom: 0px; font-weight: 600; color:#0f447f !important; display: none;}
#pagedata	h2 			{font-size:26px; padding-bottom: 0px; font-weight: 600; color:#3d3d3d;}
#pagedata	h3 			{font-size:22px; padding-bottom: 0px; font-weight: 600; color:#3d3d3d;}
#pagedata 				{line-height: 22px;}

#pagedata p a             {color:#3d3d3d; font-size:15px !important;}
#pagedata p a:hover             {color:#920000; font-size:15px !important;}
#pagedata a             {color:#3d3d3d; font-size:15px !important;}
#pagedata a:hover             {color:#920000; font-size:15px !important;}

.pagedata p a             {color:#3d3d3d; font-size:15px !important;}
.pagedata p a:hover             {color:#920000; font-size:15px !important;}
.pagedata a             {color:#3d3d3d; font-size:15px !important;}
.pagedata a:hover             {color:#920000; font-size:15px !important;}

#pagedata p             {line-height: 28px;color:#3d3d3d;margin-bottom: 15px !important; font-size:16px !important;}
#pagedata div, 
#pagedata li			{line-height: 28px;color:#3d3d3d;font-size:16px !important;}
#pagedata ul 			{font-size: 16px;padding-left: 25px; padding-top: 0px !important; margin-top: 0px !important;}
#pagedata ul li 		{list-style: disc;}
#pagedata ol 			{padding-left: 25px; padding-top: 0px !important; margin-top: 0px !important;}
#pagedata ol li 		{list-style:decimal;}

/*
#pagedata table		    {border:1px solid #d3d3d3;padding:10px;line-height:20px; font-size: 15px; text-align: justify !important;}
#pagedata td			{border:1px solid #d3d3d3;padding:10px;line-height:20px; font-size: 15px;}
*/

#pagedata table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
    font-size: 16px !important;
}

#pagedata td, th {
  border: 1px solid #ddd;
  padding: 8px;
  
}

#pagedata tr:nth-child(even){background-color: #f2f2f2;}

#pagedata tr:hover {background-color: #ddd;}

#pagedata th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #01bbcd;
  color: white;
}


#pagedata a			    {line-height: 28px;color:#3d3d3d;font-size:18px;}
#pagedata a:hover	  {color:#C20001;}

.pagesubmenu			  {background-color:#eee; margin-top:0px; padding: 10px; margin-bottom: 20px;}
.pageflash	img		  {width:100%;}


.ttitle					    {color:#000000;font-weight:bold;}

.news-month			    {line-height:14px;width:40px;height:15px;background:#8F3931;color:#FFFFFF;font-size:10px;}
.news-day			      {width:38px;height:25px;line-height:20px;background:#FFF;border:1px solid #E7E6E6;font-size:14px;}
.news-width			    {float:right;width:80%;text-align:left;min-height:60px;line-height:17px;}

.marqueeV1			    {text-decoration:none;color:#000;}
.marqueeV1:hover	  {text-decoration:none;color:#FF0000;}

.marqueeV2			    {text-decoration:none;color:#FFFFFF;}
.marqueeV2:hover	  {text-decoration:none;color:#ffde00;}

.news1              {font-size:13px;color:#CCCCCC !important;}
.news1 ul           {padding-left:20px;}
.news1 ul li 		    {margin-bottom:15px; list-style-type: square !important;color: #242424;border-bottom: 1px solid #CCCCCC;padding-bottom: 8px;}
.news1 li a	        {color: #000000;font-size:16px;}
.news1 li a:hover	  {color: #FFFFFF;}

.news2              {font-size:13px;color:#CCCCCC !important;}
.news2 ul           {padding-left:20px;}
.news2 ul li 		    {margin-bottom:15px; list-style-type: square !important;color: #FFFFFF;border-bottom: 1px solid #CCCCCC;padding-bottom: 8px;}
.news2 li a	        {color: #FFFFFF;font-size:16px;}
.news2 li a:hover	  {color: #ffde00;}

.marqueeVA			    {text-decoration:none;color:#000000;}
.marqueeVA:hover	  {text-decoration:none;color:#FF0000;}

.marqueeH			      {text-decoration:none;color:#000000 !important;}
.marqueeH:hover		  {text-decoration:underline;color:#11423F;}

.link				        {text-decoration:none;color:#3d3d3d;}
.link:hover			    {color:#FF0000;border-bottom:1px dotted;}

.tlink				      {text-decoration:none;color:#ffffff;}
.tlink:hover		    {color:#fff200 !important;border-bottom:1px dotted;}

.links				      {text-decoration:none;color:#208FAD;font-weight:bold;font-size:14px;}
.links:hover		    {color:#363636;border-bottom:1px dotted;}

.download			      {font-weight:bold;color:#000000;}
.download:hover		  {font-weight:bold;color:#000000;}

.downloads			    {text-decoration:none;color:#C40000;font-size:12px;}
.downloads:hover	  {color:#363636;border-bottom:1px dotted;}

.trbg               {background-color:#DDDDDD;}

.tgallery		        {font-size:20px;font-weight:bold;color:#000000;}
.tgallery:hover		  {font-size:20px;font-weight:bold;color:#000000;}

.fdetail		        {font-size:20px;font-weight:bold;color:#000000;}
.fdetail:hover		  {font-size:20px;font-weight:bold;color:#000000;}

.padding td		      {padding:5px;}

.link3				      {color:#000;font-weight:bold;}
.link3:hover		    {font-weight:bold;}

.deptlink			      {text-decoration:none;color:#000;font-weight:bold;}
.deptlink:hover		  {color:#FF0000;font-weight:bold;}

.subheading1		    {color:#000;font-size:14px;}

.subheading2		    {color:#05488a;font-size:14px;font-weight:bold;}
.subheading2:hover	{color:#fc5d0f;}

.padding			      {padding:5px;}

.table5				      {padding:5px;background-color:#004488;}

.subheading3		    {color:#ffffff;font-size:14px;}
.subheading3:hover	{color:#fc5d0f;}

.subheading4        {color:#000;font-size:14px;font-weight:bold;}
.subheading4:hover	{color:#000;}


.bottom-fix-news    {position:fixed; bottom: 0; z-index: 99999; clear: both; width: 100%;}

.htitle				      {color:#FFFFFF;padding:10px;font-size:22px; text-align: center; font-weight: 600;}
.highlight			    {padding-top:7px; background-color: #fff; font-size: 18px;color:#000000 !important;}
.highlight img		  {height:7px !important;width:19px;}

.pageflash	img	    {width:100%; !important;height:auto;}

.bg-lgrey {
    background-color: #f7f7f7;
    padding:20px;
    border-top:6px solid #01bbcd;
}
.mob-top-bar {
    display: none;
}

.mobNavigation	{ visibility:hidden; display:none;}

@media only screen and (max-width: 1090px){
    /*.mobNavigation	{ visibility:visible; display:block;}
    .dropdowni      { visibility:hidden; display:none;}   */
    .header-logo img {width: 95%;}
    .offcanvas__logo img {width: 95%;}
    .offcanvas__close  {width: 95%;}
    .pagepadding    {margin-top:-50px;}
    .mob-top-bar {
    display: block;
    background-color: #E2EDED;
}
.mob-top-bar .top-left .contact-list li, .mob-top-bar .top-left .contact-list li a{
color: #000 !important;
}

}

.flower {
    width: 600px;
    height: 600px;
}

.flower svg {
    width: 600px;
    height: 600px;
}
.petal path {
    transition: transform 0.4s cubic-bezier(0.25, 1.5, 0.5, 1), filter 0.4s ease;
    transform-origin: 0 0;
    cursor: pointer;
}

.petal:hover path {
    transform: scale(1.02);
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.2));
}


.petal-label {
    pointer-events: none;
    font-size: 8px !important;
    fill: white;
    text-anchor: middle;
}

/* spinning wrapper — paused on hover/focus-within */
.spin {
    width: auto;
    height: auto;
    position: relative;
    animation: spin var(--spin-secs) linear infinite;
}

.flower:hover .spin,
.flower:focus-within .spin {
    animation-play-state: paused;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 991px) {
    .flower {
        width: 90%;
        height: 90%;
    }
    .flower > svg {
        width: 100%;
        height: 100%;
    }
}