/*--------------------------------

------------Common Style-----------

----------------------------------*/
.btnRed{
  background-color: var(--theme-color-4);
  border: 1px solid var(--theme-color-4);
  color: var(--theme-color-7);
  width: 40%;
  height: 40px;
  border-radius: 0px;
}

.btnRed:hover{
  background-color: var(--theme-color-7);
  border: 1px solid var(--theme-color-4);
  color: var(--theme-color-4);
}

.btnRedButton{
  background-color: var(--theme-color-7);
  border: 1px solid var(--theme-color-4);
  color: var(--theme-color-4);
  width: 40%;
  height: 40px;
  border-radius: 0px;
}

.btnRedButton:hover{
  background-color: var(--theme-color-4);
  border: 1px solid var(--theme-color-4);
  color: var(--theme-color-7);
}

.btnMenu{
	width: 80%;
}

.heroProductSection .container {
	margin-top: 25px;
}

.aboutSectionContent{
   font-size: 16px;
   line-height: 25px;
   font-family: var(--font-regular);
   color: var(--theme-color-7);
   text-align: center;
}


/*--------------------------------

----- Common Style End -----------

----------------------------------*/


.optionBackNextButton{
	border: 2px solid #d3d3d3;
    color: #d3d3d3;
}

.optionBackNextButton:hover{
	border: 2px solid #fff;
    color: #fff;
}

.optionButton{
  border: 2px solid #fff;
  color: #fff;
}

.optionButton:hover{
  border: 2px solid #fff;
  color: #22384d;;
  background-color: #fff;
}


/*--------------------------------

---ImmiGoPro Starter Start---------

----------------------------------*/
.mainStarterSection{
	position:relative;
}
.mainStarterSection  .img-fluid{
	width: 100% !important;
}
.product-wave-wrapper{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 0;
}

.optionStarterSection .commonHeading h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0px;
}

.optionStarterSection .commonHeading p {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 15px;
  color: var(--theme-color-7);
}

.product-wave-wrapper svg {
  display: block;
  width: 100%;
  height: auto;
}
.mainSection{
    color: #ffffff;
}
.mainTitleStarter{
	font-size: 100px !important;
  text-align: center !important;
}

.mainContentStarter{
	font-size: 18px;
    line-height: 1.6;
    color: #101e36 !important;
	text-align: center;
}

.mainStarterSection {
	background-color: var(--theme-color-7);
}

.aboutStarterSection {
	background-color: var(--theme-color-1);
}

.featureStarterSection {
	background-color: var(--theme-color-7);
}

.optionStarterSection{
	background-color: var(--theme-color-1);
}

.faqStarterSection {
	background-color: var(--theme-color-7);
}

.pluginStarterSection {
	background-color:  var(--theme-color-6);
}

.optionStarterSection p{
	text-align: center;
	color: #ffff;
}

.optionStarterSection h1{
	text-align: center;
	color: #d3d3d3;
}


.optionStarterSection .singleFeature{
	margin-bottom: 30px;
}
.optionStarterSection .singleFeature .singleFeatureInner{
	border: 1px solid var(--theme-color-7);
	border-radius: 5px;
	padding: 15px;
	display: block;
	height: 100%;
	text-align: center;
}
.optionStarterSection .singleFeature .singleFeatureInner h6{
	text-align: center;
	margin: 20px;
	color: #fefefe;
}
.optionStarterSection .singleFeature .singleFeatureInner p{
	font-size: 14px;
}
.optionStarterSection .singleFeature .featureImgWrap img {
    transition: transform 0.4s ease, filter 0.4s ease;
    filter: grayscale(0%);
}
.optionStarterSection .singleFeature .singleFeatureInner:hover{
	box-shadow: 2px 0px 7px var(--theme-color-3);
}
.optionStarterSection .singleFeature .singleFeatureInner:hover .featureImgWrap img {
    transform: scale(1.02);
    filter: grayscale(70%);
}


.aboutSectionTitle{
	color: #ffffff;
    text-align: center;
}

.starterOptions{
	background-color: #bfc0c1; 
}

.starterOptions h1{
	color: #ffffff; 
}

.faqSection {
 
}

.faqHeading {
  font-size: 50px;
  font-weight: 700;
  color: #34495e;
}

.faqAccordion {
  max-width: 900px;
  margin: 0 auto;
}

.faqItem {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 15px 0;
}

.faqQuestion {
  width: 100%;
  background: none;
  border: none;
  font-size: 1.1rem;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
  color: #3d5d77;
  transition: color 0.3s ease;
}

.faqQuestion:hover {
  color: #3d5d77;
}

.faqIcon {
  font-size: 1.5rem;
  color: #e74c3c;
  transition: transform 0.3s ease;
}

.faqQuestion.active .faqIcon {
  transform: rotate(45deg);
}

.faqAnswer {
  display: none;
  padding-top: 10px;
  color: #555;
  line-height: 1.6;
}

.faqQuestion.active + .faqAnswer {
  display: block;
}

.pluginSectionTitle {
  color: #ffffff;
  text-align: center;
}

.pluginSectionContent{
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-regular);
  color: var(--theme-color-7);
  text-align: center;
}

.heroStarterProductTitle{
	font-size: 90px;	
	color: var(--theme-color-1);
}

.heroStarterProductBody{
	color: var(--theme-color-1);
}

.mainStarterSection {
  background-color: var(--theme-color-7);
  height: 100vh;
  padding: 0px;
}

.aboutStarterSection .aboutSectionTitle{
	color: var(--theme-color-7);
}

.featureStarterSection h1{
	color: var(--theme-color-1);
}


/*--------------------------------

----ImmiGoPro Starter End---------

----------------------------------*/

/*---------------------------------

---ImmiGoPro Essential Start---------

----------------------------------*/

.heroEssentialProductTitle{
	font-size: 90px;	
	color: var(--immigopro-essential-color-2);
}

.heroEssentialroductBody{
	color: var(--immigopro-essential-color-2);
}

.mainEssentialSection {
	background-color: var(--theme-color-7);
}

.aboutEssentialSection {
	background-color: var(--theme-color-1);
}

.featureEssentialSection {
	background-color: var(--theme-color-7);
}

.optionEssentialSection{
	background-color: var(--theme-color-1);
}

.faqEssentialSection {
	background-color: var(--theme-color-7);
}

.pluginEssentialSection {
	background-color:  var(--theme-color-6);
}

.optionEssentialSection p{
	text-align: center;
	color: #ffff;
}

.optionEssentialSection h1{
	text-align: center;
	color: #d3d3d3;
}

.optionEssentialSection .singleFeature .singleFeatureInner{
	border: 1px solid var(--theme-color-3);
	border-radius: 5px;
	padding: 15px;
	display: block;
	height: 100%;
	text-align: center;
}

.optionEssentialSection .singleFeature{
	margin-bottom: 30px;
}
.optionEssentialSection .singleFeature .singleFeatureInner{
	border: 1px solid var(--theme-color-7);
	border-radius: 5px;
	padding: 15px;
	display: block;
	height: 100%;
	text-align: center;
}
.optionEssentialSection .singleFeature .singleFeatureInner h6{
	text-align: center;
	margin: 20px;
	color: #fefefe;
}
.optionEssentialSection .singleFeature .singleFeatureInner p{
	font-size: 14px;
}
.optionEssentialSection .singleFeature .featureImgWrap img {
    transition: transform 0.4s ease, filter 0.4s ease;
    filter: grayscale(0%);
}
.optionEssentialSection .singleFeature .singleFeatureInner:hover{
	box-shadow: 2px 0px 7px var(--theme-color-3);
}
.optionEssentialSection .singleFeature .singleFeatureInner:hover .featureImgWrap img {
    transform: scale(1.02);
    filter: grayscale(70%);
}

.optionEssentialSection .commonHeading h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0px;
}

.optionEssentialSection .commonHeading p {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 15px;
  color: var(--theme-color-7);
}


/*---------------------------------

---ImmiGoPro Essential End---------

----------------------------------*/

/*---------------------------------

---ImmiGoPro Premium Start---------

----------------------------------*/

.heroPremiumProductTitle{
	font-size: 90px;	
	color: var(--theme-color-1);
}

.heroPremiumProductBody{
	color: var(--theme-color-1);
}

.mainPremiumSection {
	background-color: var(--theme-color-7);
}

.aboutPremiumSection {
	background-color: var(--theme-color-1);
}

.featurePremiumSection {
	background-color: var(--theme-color-7);
}

.optionPremiumSection{
	background-color: var(--theme-color-1);
}

.faqPremiumSection {
	background-color: var(--theme-color-7);
}

.pluginPremiumSection {
	background-color: var(--theme-color-6);
}

.optionPremiumSection .singleFeature .singleFeatureInner{
	border: 1px solid var(--theme-color-3);
	border-radius: 5px;
	padding: 15px;
	display: block;
	height: 100%;
	text-align: center;
}
.optionPremiumSection .singleFeature {
	margin-bottom:30px;
}

.optionPremiumSection p{
	text-align: center;
	color: #ffff;
}

.optionPremiumSection h1{
	text-align: center;
	color: #d3d3d3;
}

.optionPremiumSection .singleFeature .singleFeatureInner{
	border: 1px solid var(--theme-color-3);
	border-radius: 5px;
	padding: 15px;
	display: block;
	height: 100%;
	text-align: center;
}

.optionPremiumSection .singleFeature{
	margin-bottom: 30px;
}
.optionPremiumSection .singleFeature .singleFeatureInner{
	border: 1px solid var(--theme-color-7);
	border-radius: 5px;
	padding: 15px;
	display: block;
	height: 100%;
	text-align: center;
}
.optionPremiumSection .singleFeature .singleFeatureInner h6{
	text-align: center;
	margin: 20px;
	color: #fefefe;
}
.optionPremiumSection .singleFeature .singleFeatureInner p{
	font-size: 14px;
}
.optionPremiumSection .singleFeature .featureImgWrap img {
    transition: transform 0.4s ease, filter 0.4s ease;
    filter: grayscale(0%);
}
.optionPremiumSection .singleFeature .singleFeatureInner:hover{
	box-shadow: 2px 0px 7px var(--theme-color-3);
}
.optionPremiumSection .singleFeature .singleFeatureInner:hover .featureImgWrap img {
    transform: scale(1.02);
    filter: grayscale(70%);
}

.optionPremiumSection .commonHeading h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0px;
}

.optionPremiumSection .commonHeading p {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 15px;
  color: var(--theme-color-7);
}



/*---------------------------------

---ImmiGoPro Premium End---------

----------------------------------*/

canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #ededed; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

/*---------------------------------

---product menu style start---------

----------------------------------*/
#mega-menu-wrap-primary{
  width: 100%;
  background-color: transparent;	
}

#mega-menu-primary{
  text-align: right !important;
  padding: 0px;
}

#mega-menu-primary li{
  padding: 0px 12px 0px 12px !important;
 
}

#mega-menu-primary li a{
  font-size: 16px !important;
}

#mega-menu-wrap-primary .mega-menu-item .mega-sub-menu{
	opacity: 1;
	background-color: #fff !important;
}

#mega-menu-wrap-primary .mega-sub-menu li{
  margin-top: 8px !important;
}

#mega-menu-wrap-primary .mega-sub-menu li h4{
  color: var(--theme-color-1) !important;
  font-family: var(--font-regular) !important;
}

#mega-menu-wrap-primary .mega-menu-item .mega-menu-link {
  background: var(--theme-color-7) !important;
  color: var(--theme-color-1) !important;
  font-weight: normal;
  text-decoration: none;
  border-color: #fff;
}

#mega-menu-primary .mega-sub-menu{
	opacity: 1 !important;
	box-shadow: 2px 2px 5px 0px #666 !important;
}

#mega-menu-wrap-primary .mega-sub-menu .textwidget p{
  font-size: 14px !important;
  line-height: 20px;
  font-family: var(--font-regular) !important;
  color: #818181 !important;
  padding-left: 0 !important;
  text-align: justify;
}

/*---------------------------------

---product menu style end---------

----------------------------------*/

/*---------------------------------

-----contact us style start---------

----------------------------------*/

.immigoproContactUsForm{
	border-radius: 18px;
}

.immigoproContactUsForm input{
	width: 100%;
	padding: 10px;
	background-color: var(--theme-color-2);
	border-radius: 7px;
    color: var(--theme-color-7);
	height: 45px;
}

.immigoproContactUsForm select{
	width: 100%;
    padding: 10px;
    background-color: var(--theme-color-2);
    border-radius: 7px;
    color: var(--theme-color-7);
	height: 45px;
}

.immigoproContactUsForm textarea{
	width: 100%;
	height: 175px;
	padding: 10px;
	background-color: var(--theme-color-2);
	border-radius: 7px;
    color: var(--theme-color-7);
	height: 85px !important;
}

.immigoproContactUsForm .submitBox input{
	width: 20px;
	border-color: 2px solid var(--theme-color-1); 
	border-radius: 0px;
}

.immigoproContactUsForm .submitBox label span a{
	color: #1c2f41;
}

.immigoproContactUsForm .submitBox label span a:hover{
	color: var(--theme-color-3);
}

.immigoproContactUsForm .submitBox input:hover{
	 width: 20px;
	  background-color: var(--theme-color-2);
	  border-color: 2px solid var(--theme-color-2);
	  border-radius: 0px;
}

.immigoproContactUsForm .submitButton input{
	border-radius: 8px;
    float: right;
    width: 20%;
    padding: 10px;
    background-color: var(--theme-color-2);
    border: 2px solid var(--theme-color-2);
	color: var(--theme-color-7);
}

.immigoproContactUsForm .submitButton input:hover{
	border-radius: 8px;
    float: right;
    width: 20%;
    padding: 10px;
    background-color: var(--theme-color-7);
    border: 2px solid var(--theme-color-2);
	color: var(--theme-color-2);
}

.contactUsPhone{
  padding: 20px !important;
  background-color: var(--theme-color-6) !important;
  height: 320px !important;
  box-shadow: 2px 2px 5px 0px #666 !important;
  border: 2px solid var(--theme-color-7);
  border-radius: 9px;
}

.contactUsAddress{
  padding: 20px !important;
  background-color: var(--theme-color-6) !important;
  height: 320px !important;
  box-shadow: 2px 2px 5px 0px #666 !important;
  border: 2px solid var(--theme-color-7);
  border-radius: 9px;	
}

.contactBoxSection{
	background-color: var(--theme-color-6);
}

.contactUsLocationWrap h3{
	color: var(--theme-color-1) !important;
}

.iconCountactUs i{
	color: var(--theme-color-1) !important;
}

.contactUsPhone i{
	color: var(--theme-color-1) !important;
}

.immigoproContactUs{
	text-align: center;
}

.immigoproContactUs h1{
	color: var(--theme-color-1) !important;
}

/*---------------------------------

-----contact us style end----------

----------------------------------*/

.demoBookingText p{
   color: var(--theme-color-1);
   line-height: 26px;
}

.demoBookingText input{
  float: right;
  border-radius: 5px;
  height: 45px !important;
  width: 100%;
  background-color: var(--theme-color-2);
  color: var(--theme-color-7);
  padding: 10px;
  font-weight: 200 !important;
}

.demoBookingText select{
  height: 40px;
  width: 100%;
  background-color: var(--theme-color-2);
  color: var(--theme-color-7);
  padding: 10px;
  border-radius: 5px;
  height: 45px !important;
}

#demoSubmit{
  float: right;
  border-radius: 5px;
  height: 45px !important;
  width: 100%;
  background-color: var(--theme-color-2);
  color: var(--theme-color-7);
  padding: 10px;
  font-weight: 200 !important;
}

#demoSubmit:hover{
  border-radius: 5px;
  float: right;
  width: 100%;
  padding: 10px;
  background-color: var(--theme-color-7);
  border: 2px solid var(--theme-color-2);
  color: var(--theme-color-2);
  height: 45px !important;
}



.ImmiCustomize input{
  width: 100%;
  padding: 10px;
  background-color: var(--theme-color-2);
  border-radius: 7px;
  color: var(--theme-color-7);
  height: 45px;
}

.demoBookingText {
	padding: 80px 0px;
}

@media screen and (max-width: 991px) {
	.demoBookingText {
		padding: 0px !important;
	}
	
	.demoBookingContent{
		padding: 126px 0px !important;
	}
}

@media screen and (max-width: 575px) {
	.demoBookingText {
		padding: 0px !important;
	}
	
	.demoBookingContent{
		padding: 0px !important;
	}
}

/*---------------------------------

--------news style start----------

----------------------------------*/

.latesNewsList .widget-title{
  padding: 10px;
  background-color: var(--theme-color-1);
  color: var(--theme-color-7);
  border: 2px solid var(--theme-color-1);
}

.latesNewsList .rpwwt-widget ul{
  padding: 10px 5px;
}

.latesNewsList .rpwwt-widget ul a{
  color: var(--theme-color-1) !important;
  font-size: 14px;
}

.latesNewsList .rpwwt-widget ul a:hover{
	color: var(--theme-color-2) !important;
}

.latesNewsList .rpwwt-widget ul a img{
   background-color: var(--theme-color-3);
}

.sidebarImmiPathways .widget-title {
  padding: 10px;
  background-color: var(--theme-color-1);
  color: var(--theme-color-7);
  border: 2px solid var(--theme-color-1);
}

.sidebarImmiPathways .rpwwt-widget ul a img{
   background-color: var(--theme-color-3);
}

.sidebarImmiPathways .rpwwt-widget ul a{
  color: var(--theme-color-1) !important;
  font-size: 14px;
}

.sidebarImmiPathways .rpwwt-widget ul a:hover{
	color: var(--theme-color-2) !important;
}

.singlePageContent .mainContent{
  background-color: #e6e6e6;
  color: var(--theme-color-6);
} 

.singlePageContent{
	margin-top: 0px !important;
}

/*---------------------------------

----------news style end-----------

----------------------------------*/

.socialShareMain {
  border-radius: 50px !important;
  padding: 10px 20px !important;
  width: 250px !important;
  background-color: var(--theme-color-1);
	margin-bottom: 25px;
}

.socialShareMain a{
  color: var(--theme-color-4);
}


.socialShareMain a:hover{
  color: var(--theme-color-5);
}

.socialShareMain button{
  color: var(--theme-color-3);
}

.socialShareMain button:hover{
  color: var(--theme-color-7);
}

.socialShareMain .text-light{
	color: var(--theme-color-3) !important;
}

/*---------------------------------

---------page.php style start-------

----------------------------------*/
.samplePage{
  background-color: #fff;
  color: var(--theme-color-6);
}

.samplePage h3{
  color: var(--theme-color-2);
}

.samplePage h5{
  color: var(--theme-color-2);
}

/*---------------------------------

---------page.php style end-------

----------------------------------*/

.sidebarLeft .rpwwt-widget li{
	border-bottom: 1px solid var(--theme-color-2);
}

.footerBottom .bottomMenu .navItem > a:hover{
	color: var(--theme-color-3);
}

body:not(.homePage) .footer{
  background-color: #333;
  color: #fff;
}

/*-----contact us style start------*/

@media screen and (max-width: 991px) {
	.contactLast .row {
	  margin-left: 52px !important;
	}
	
	.contactUsLocationWrap li {
	  background-color: var(--theme-color-7);
	  width: 80px;
	  height: 80px;
	  border-radius: 40px;
	  margin: 0 5px;
		margin-top: 0px;
		margin-left: 5px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-left: 95px !important;
	  margin-top: 35px !important;
	  font-size: 55px;
	  margin-bottom: 0px !important;
	}
	
	.heroBody{
		text-align: center !important;
	}
	
	.spOffer .align-items-center .col-lg-8{
		margin-top: 80px;
        margin-bottom: 50px;
	}
	
	.sectionImage{
		text-align: center;
	}
	
	.mainStarterSection .img-fluid {
	  width: 75% !important;
	  margin-top: 40px;
	}
	
	.heroSection .heroContent{
		text-align: center;
	}
	
	.heroSection .heroSecImage {
	  right: 13%;
	  width: 62%;
	  height: auto;
	  z-index: 1;
	  pointer-events: none;
	  top: 40%;
	}
}

@media only screen and (max-width: 910px) {
  #mega-menu-wrap-primary .mega-menu-toggle {
    z-index: 1;
    cursor: pointer;
    background: #222;
    border-radius: 2px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    user-select: none;
    outline: none;
    white-space: nowrap;
    display: flex;
    position: relative;
  }
	
	#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
		flex-direction: column !important;
		position: fixed !important;
		max-width: 100% !important;
		max-height: 100dvh !important;
		box-sizing: border-box !important;
		transition: left 200ms ease-in-out, right 200ms ease-in-out, visibility 200ms ease-in-out;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 9999999999;
		overscroll-behavior: contain;
  		background-color: transparent !important;
  		width: 100% !important;
	}
	
	 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{
		top: 80px !important;
	}
	
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close{
		visibility: hidden;
	}
	
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open::after{
		top: 75px;
	}
	
		#mega-menu-item-text-10 .textwidget img{
		display: none !important;
	}
}

@media screen and (max-width: 575px) {
	.contactLast .row {
    	margin-left: 0px !important;
  	}
	
	.contactUsLocationWrap li {
	  margin-left: 138px !important;

	}
	
	.contactFormTest label{
		width: 100% !important;
	}
	
	.heroBody{
		text-align: center;
	}
	
	.promoNote .btnRed{
		width: 75% !important;
	}
	
	.fullWSearch .search-input{
		max-width: 275px;
	}
	
	.latesNewsList{
		margin-top: 0px !important;
	}
	
	.subPageHeroContent{
		text-align: center;
	}
	
	.singlePageContent .mainContent{
		margin-bottom: 50px;
	}
	
	.btnMenu {
	  width: 102%;
	}
	
	.heroText{
		text-align: center;
	}
	
	.heroEssentialProductTitle {
		font-size: 60px;
	}
	
	.featureContent{
		text-align: center;
	}
	
	.heroProductSection .spaceBottomLarge {
	  padding-bottom: 0px;
	}
	
	.heroText .btnRed{
		width: 42%;
	}
	
	.footerTop .footer-widget{
		margin-left: 20px;
	}
	
	.navbar-expand-lg{
		margin-right: 20px;
	}
	
	.heroPremiumProductTitle{
		font-size: 60px;
	}

}

/*------contact us style end-------*/


/*--------home style start--------*/

@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 575px) {
	.aboutContentWrap{
  		margin-bottom: 50px;
	}
	.spaceTopSvg {
	  padding-top: 50px !important;
	}
}


/*--------home style end----------*/