/*!
Theme Name: 	ImmiGoPro
Theme URI: 		https://www.immifocus.ca
Description: 	A dedicated theme developed for Canadian immigration practitioners.
Version: 		0.0.1
Author: 		Immifocus Themes
Author URI: 	https://www.immifocus.ca
Text Domain: 	immigopro
Tags: 			Canadian immigration, Canada immigration, immigration Canada, Canadian immigration consultant, Canadian immigration lawyers, Canadian immigration practitioners
*/
@font-face {
    font-family: 'Roboto Regular';
    src: url('./fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Bold Condensed';
    src: url('./fonts/Roboto-BoldCondensed.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('./fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

:root {
  --font-regular: 'Roboto Regular', sans-serif;
  --font-medium: 'Roboto Medium', sans-serif;
  --font-bold-condensed: 'Roboto Bold Condensed', sans-serif;
  --theme-color-1:#1c2f41;
  --theme-color-2:#3d5d77;
  --theme-color-3:#acbfcc;
  --theme-color-4:#ee3940;
  --theme-color-5:#ee3940;
  --theme-color-6:#6a6a6a;
  --theme-color-7:#f2f2f2;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-regular);
  transition: 0.4s all;
}

body {
  background-color:#f2f2f2;
}

p, ul li {
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-regular);
  color: #818181;
}
h1,h2,h3,h4,h5,h6{
	font-family: var(--font-bold-condensed);
	color: var(--theme-color-1);
}
h1{
	font-size: 50px;
}
h2{
	font-size: 40px;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 25px;
}
h5{
	font-size: 22px;
}
h6{
	font-size: 18px;
}
button, input, textarea, a {
  outline: none;
  border: none;
}

button {
  background: none;
  cursor: pointer;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul {
  list-style: none;
}

mark {
  background: none;
}
.contactMain{
	padding: 50px 15px;
}

/*---------------------------------
            
            commen classes
            
   --------------------------------- */

.editIcon {
  position: absolute;
  z-index: 4;
  top: 20px;
  right: 29px;
  padding: 5px 8px;
  border-radius: 50%;
  font-size: 12px;
  opacity: 0.5;
}

.editIcon:hover {
  opacity: 1;
}

.container,
.container-fluid,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
}


.gapTop {
  margin-top: 50px;
}

.gapBottom {
  margin-bottom: 50px;
}

.spaceTop {
  padding-top: 50px;
}
.spaceBottomSvg {
  padding-bottom: 400px;
}

.spaceBottom {
  padding-bottom: 50px;
}

.spaceInbetween {
  padding-top: 50px;
  padding-bottom: 50px;
}

.button{
    border-radius: 0;
    max-width: 200px;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--theme-font-1);
    margin: 0 auto;
    display: block;
}

.buttonLg{
	border-radius: 0;
    width: 230px;
    font-size: 17px;
    font-weight: 700;
    font-family: var(--theme-font-1);
    margin: 0 auto;
    display: block;
}

.btnNoBorder {
  border: 0px solid transparent;
}

.btnBlank {
  padding: 7px 15px;
  border: 3px solid;
}

.next-section-link {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.spaceTopLarge {
  padding-top: 120px;
}

.spaceBottomLarge {
  padding-bottom: 120px;
}

.heightFull {
  height: 100%;
}

.widthFull {
  width: 100%;
}

.size-full {
  width: 100%;
  height: auto;
}
.SectionTitle{
	text-align:center;
}
.titleLight{
	color:#f2f2f2;
}
.sectionBg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bgOverlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .7;
}

/* sub pages hero section */

.subPageHeroSection {
  padding: var(--lg-padding);
  background: url(img/blog_hero.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 80px;
  position: relative;
}

.subPageHeroSection:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  width: 100%;
  height: 100%;
}

.subPageHeroContent {
  margin: 40px 0;
}

.subPageHeroContent>h1 {
  font-weight: 700;
  font-size: 55px;
}

.subPageHeroContent>div>i {
  margin: 0 20px;
}

.wagesForLima tr td:nth-child(2),
.wagesForLima tr td:nth-child(3) {
  text-align: right;
}

.tableTextAlignCenter {
  text-align: center;
}

.tableTextAlignleft {
  text-align: left;
}

.tableTextAlignRight {
  text-align: right;
}

.tablePaddingRight {
  padding-right: 10px !important;
}

.commonHeading h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 30px;
}
.commonHeading p{
	color: var(--theme-color-2);
	text-align: center;
	line-height: 26px;
}
.commonHeading p.light{
	color: var(--theme-color-3);
}
/*-----------------------

    Wave Animation

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

.waveContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  height: 350px;
  overflow: hidden;
  line-height: 0;
  margin-right: 0px;
  margin-left: 0;
}

.wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 300px;
  padding-right: 0px;
  padding-left: 0px;
}

.waveContainer .waveOne {
  z-index: 4
}

.waveContainer .waveTwo {
  z-index: 2
}

.waveContainer .waveThree {
  z-index: 3
}

.waveContainer .waveFour {
  z-index: 1
}
.inverted-wave {
	transform: scaleY(-1);
	bottom: -349px;
}

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

    header start

--------------------------*/
.mainRow .navbar-brand {
  max-width: 250px;
}

@media screen and (max-width: 991px) {
  #navbarNav {
    top: 63px;
    position: fixed;
    width: 100%;
    left: 0px;
    padding: 0px 10px;
  }
}

@media screen and (max-width: 560px) {
  #navbarNav {
    top: 99px;
  }
}

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


  .mainRow>.brand a {
    display: block;
    margin: 0 auto;
    max-width: 204px;
  }
}

@media screen and (min-width: 561px) and (max-width: 569px) {


  .mainRow>.brand a {
    display: block;
    margin: 0 auto;
    max-width: 204px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-toggler span {
    display: block;
    height: 2px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
  }

  .navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
  }

  .navbar-toggler span:nth-child(2) {
    opacity: 1;
  }

  .navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
  }

  .navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
  }

  .navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(13%, -80%) rotate(45deg);
  }

  .navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
  }

  .navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(12%, 89%) rotate(-45deg);
  }
}

.navbar {
  width: 100%;
  padding: 0;
}

.header {
  top: 0;
  width: 100%;
  z-index: 5;
  position: fixed;
  background-color: #f2f2f2;
  box-shadow: 2px 2px 12px var(--theme-color-6);
}

.scroled {
  transition: 0.5s all;
}

.nonScroled {
  transition: 0.5s all;
}

.scroled>.container-fluid>.row>.topBar>.topBarContent {
  display: none;
  transition: 0.5s all;
}

.scroled>.container-fluid>.row>.topBar>.navBarMain {
  transition: 0.5s all;
}

.scroled>.container-fluid>.mainRow {
  transition: 0.5s all;
}

.nonScroled>.container-fluid>.brand {
  height: max-content;
  display: flex;
  justify-content: center;
  transition: 0.5s all;
}

.nonScroled>.container-fluid>.mainRow {
  align-items: center;
  transition: 0.5s all;
}

.mainRow>.brand img {
  width: 84%;
}

.topBar {
  padding-left: 0;
  padding-right: 0;
}

.topBarContent {
  align-items: center;
  height: 50%;
}

.navBarMain {
  height: 50%;
}

.topBarContentLeft {
  display: flex;
  flex-basis: auto;
}

.topBarContentLeft .nav {
  flex-direction: row;
}

.topBarContentLeft .nav li a:first-child {
  margin-right: 20px;
  margin-left: 10px;
}

.topBarContentLeft .nav li a {
  font-size: 12px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.topBarContentLeft .nav li a i {
  margin-right: 5px;
}

.topBarContentLeft .nav li a span {
  font-size: 13px;
}

.topBarContentRight {
  display: flex;
  flex-basis: auto;
}

.topBarContentRight .nav li a {
  margin-left: 7px;
  font-size: 14px;
}

.hotLine:hover #i4 {
  rotate: 360deg;
  transition: 0.4s;
}

.hotLine>div:first-child {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.hotLineIcon {
  width: 20px;
  transition: 0.4s all;
}

.hotLine:hover .hotLineIcon {
  rotate: 360deg;
  transition: 0.4s;
}

.hotLine>.flexCenter>span {
  font-weight: 600;
}

.horizontalLine {
  margin: 0 15px;
  font-size: 25px;
}

.searchBoxHeader {
  top: 30px;
}

.searchBtn {
  background: transparent;
}

.searchBtn>div>i {
  font-size: 30px;
  margin-right: 20px;
}

.modalContent>.modal-header {
  border: none;
}

.modalContent>.modal-body>div {
  width: 500px;
  border-radius: 30px;
  padding: 10px;
}

.modalBoxSearchIcon {
  display: none;
}

.modalBox {
  width: 100%;
  position: fixed;
  z-index: 6;
}

.navItem {
  margin-right: 18px;
  position: relative;
}

.navItem>.nav-link {
  font-size: 16px;
  transition: 0.2s all;
}

.subUl {
  position: absolute;
  z-index: 4;
  width: 200px;
  padding: 0;
  display: none;
}

.subItem {
  padding: 5px;
  border-top: none;
}

.navItem:hover .subUl {
  display: block;
}

.subItem:hover {
  padding-left: 8px;
}

.iconList>p {
  display: none;
}

.modal-backdrop.show {
  z-index: 1;
}

.search-popup {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
}

.search-popup .searchPopupContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
  max-width: 500px;
  padding: 20px;
  border-radius: 8px;
}

.search-popup .searchPopupContent .close-icon {
  position: absolute;
  top: -8px;
  right: -5px;
  cursor: pointer;
  padding: 5px 7px;
  border-radius: 50%;
  font-size: 14px;
  opacity: 0.5;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 80%;
  margin-bottom: 0;
  height: 44px;
  padding: 12px 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: table-cell;
}

.searchBtnMain {
  width: 20%;
  padding: 9px;
  border-radius: 0 5px 5px 0;
}

.searchBoxMain {
  margin-top: 10px;
  border-radius: 0 5px 5px 0;
}

.bookingBtn {
  text-align: center !important;
  font-weight: 800 !important;
}

.bookingBtn>a {
  padding: 0 35px !important;
}


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

  .subPageHeroContent>h1 {
    font-size: 45px;
  }
}

@media screen and (max-width:560px) {
  .mainRow {
    flex-direction: column;
  }

  .mainRow>.brand {
    width: 100%;
    order: 3;
  }

  .topBar {
    width: 100%;
  }

  .navBarMain {
    top: 46% !important;
    right: 0;
  }

  .mainRow>.brand a {
    justify-content: left !important;
  }

  .mainRow>.brand img {
    max-width: 154px;
    min-width: 154px;
  }

  .topBarContent {
    padding: 0 !important;
  }

  #navbarNav {
    right: 0px;
    top: 54px;
    width: 100%;
  }

  .toggleBtn {
    top: 10px !important;
  }
}

@media screen and (max-width:400px) {
  .topBarContentRight .nav li a {
    margin-left: 10px;
  }
}

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

        Breadcrumbs start
        
-------------------------------*/

.map iframe {
  width: 100% !important;
  min-height: 450px;
}

/*------------------------------
        
        Breadcrumbs end
        
--------------------------------*/

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

    Error Reporting Box start
    
---------------------------------*/

.bottomOptions {
  padding: 20px 15px;
}

.bottomOptions .last-updated {
  margin: 10px 0px;
  text-align: right;
}

.bottomOptions .popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 9999;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 500ms all;

}

.bottomOptions .popup.is-visible {
  opacity: 1;
  visibility: visible;
  transition: 1s all;
  overflow-y: auto;
}

.bottomOptions .popup-container {
  position: relative;
  width: 100%;
  margin: 2em auto;
  top: 5%;
  padding: 10px 35px 35px 35px;
  border-radius: 5px;
  max-width: 422px;
}

.bottomOptions .popup-container h2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px
}

.bottomOptions .is-visible .popup-container {
  transform: translateY(0);
  transition: 500ms all;
}

.bottomOptions .popup-container .popup-close {
  position: absolute;
  top: 8px;
  font-size: 0;
  right: 8px;
  width: 30px;
  height: 30px;
}

.bottomOptions .popup-container .popup-close::before,
.bottomOptions .popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
}

.bottomOptions .popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.bottomOptions .popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.bottomOptions .popup-container .popup-close:hover:before,
.bottomOptions .popup-container .popup-close:hover:after {
  transition: 300ms all;
}

.bottomOptions .popup-container label {
  font-size: 14px;
  margin-bottom: 10px;
}

.bottomOptions .frm_style_formidable-style.with_frm_style .frm_submit button {
  width: 100%;
}

.bottomOptions .togButton {
  display: block;
  width: 100%;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 0px;
  transition: all 0.4s ease-in-out;
}

.bottomOptions .togButton .fas {
  transition: transform .4s ease-in-out;
  float: right;
  padding: 5px;
  border-radius: 50%;
}

.bottomOptions .togButton:hover>.fas {
  transform: rotate(90deg);
}

.bottomOptions .togContent p {
  padding: 10px;
  margin: 0;
}

.bottomOptions .frm_forms {
  padding: 10px;
  border-radius: 5px;
  border-radius: 5px;
}

.bottomOptions .frm_forms label {
  width: 100%;
}

.bottomOptions .wpcf7-list-item {
  display: block;
}

.bottomOptions .wpcf7-form-control.wpcf7-textarea {
  height: 100px;
}

.bottomOptions .wpcf7-response-output {
  margin-top: 5px;
}

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

    Error Reporting Box end

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


/*----------------------------
 
		Preloader start
    
-----------------------------*/

.lds-spinner {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloaderOverflow {
  width: 100px;
}

.preloaderOverflow>img {
  width: 100%;
}

.preloaderOverflow img {
  animation: rotate 2s linear infinite;
  /* Adjust duration and timing function as needed */
}

@keyframes rotate {
  from {
    transform: rotate(0deg);

  }

  to {
    transform: rotate(360deg);
  }
}

/*----------------------------
 
		preload end
    
-----------------------------*/

/*-----------------------------
        
        header end
        
------------------------------*/


/*-----------------------------
        
       Hero Section Start
        
------------------------------*/
.heroSection .heroSecImage {
	position: absolute;
	bottom: 10%;
	right: 3%;
	width: 50%;
	height: auto;
	z-index: 1;
	pointer-events: none;
	animation-duration: 1.2s;
    animation-fill-mode: both;

}
.heroSection .heroTitle{
	text-shadow: 2px 2px 2px #f2f2f2;
}
.heroSection .heroContent{
	padding-left: 100px;
	animation-duration: 1.2s;
    animation-fill-mode: both;
}

.heroSection .heroContent .heroBody{
	line-height:26px;
}
@keyframes slowUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}

.slow-up-down {
  animation: slowUpDown 5s ease-in-out infinite !important;
}
/*-----------------------------
        
       Testimonials Section
        
------------------------------*/
.testimonials .item{
	padding-top:50px;
	padding-bottom:50px;
}
.testimonials .item .testimonialImage{
	padding: 50px;
}
.testimonials .item .testimonialImage img{
	width:270px;
	height:270px;
	border-radius:50%;
	border: 3px solid var(--theme-color-3);
}
.testimonials .item .testimonialImage .blob {
	max-height:350px;
	width:400px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}
.testimonials .testimonialImage .blob path {
 animation: blob 20s linear  infinite , rot 53s linear infinite;
}
@keyframes blob {
  0% {    d:path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
  }
  25% {   d:path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
  }
  50% {    d:path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
  }
  75% {    d:path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
  }
  100% {    d:path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
  }
}


@keyframes rot {
  fom{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}
.testimonials .testimonialContent span{
	font-style: italic;
	color: var(--theme-color-2);
	margin-bottom: 14px;
	display: block;
}
.testimonials .testimonialContent p{
	line-height:24px;
}
.testimonials .testimonialContent ul li i{
	color: var(--theme-color-4);
}

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

        footer start 
        
------------------------------*/

.footer {
 
  background-size: cover;
  background-position: center;
  padding-top: 50px;
}

.newsLetter>span {
  font-weight: 600;
  margin-right: 30px;
  font-size: 20px;
}

.inputArea {
  display: flex;
  width: 69%;
}

.inputArea>button {
  padding: 0px 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  margin-left: 10px;
  transition: 0.4s all;
}

.inputArea>button:hover {
  transition: 0.4s;
}

.footerLinkheadings {
  font-size: 18px;
  font-weight: 600;
}

.footerBottum {
  padding: 60px 0;
}

.contactLinks,
.a11 {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

.address {
  padding-left: 0;
}

.contactLinks>div {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-right: 10px;
}

.footerLinks,
.footerLinks>li {
  padding-left: 5px;
}

.footerLinks>li {
  padding: 5px 0;
}

.fImgItem {
  width: max-content;
  margin-bottom: 10px;
  position: relative;
  transition: 0.4s all;
}

.fImgItem>img {
  width: 80px;
}

.fImgItem>div {
  position: absolute;
  width: 80px;
  height: 80px;
  display: none;
}

.fImgItem>div>i {
  font-size: 30px;
}

.fSocialMediaIconsMain {
  padding: 60px 0;
}

.fSocialMediaLinks {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  transition: 0.2s all;
}

.fSocialMediaLinks>i {
  font-size: 13px;
}

.fSocialMediaLinks:hover {
  transition: 0.2s;
}

.arrow {
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.goToTop {
  cursor: pointer;
  position: fixed;
  bottom: 102px;
  right: 36px;
  z-index: 99;
  width: 50px;
  height: 51px;
  border-radius: 16px;
  font-size: 23px;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.goToTop.show {
  opacity: 1;
}

.otgs-development-site-front-end {
  display: none;
}

.widget .menu-reseaux-sociaux-container .menu,
.widget .menu-social-media-container ul {
  display: flex;
}

.widget>.menu-social-media-container>ul>li {
  margin-right: 10px;
}

.bottomMenu>.nav {
  flex-direction: row;
}

@media screen and (max-width:991px) {
  .companyLogo>a>img {
    width: 200px !important;
  }

  .companyLogo,
  .memberLogo {
    justify-content: center;
    display: flex;
  }
}


#noptin-form-1__submit {
  font-weight: inherit;
}

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

        footer end 

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


@media screen and (max-width:576px) {
  .commonHeading>h1 {
    font-size: 35px;
  }
}

/*--------------------------------------
  
        Immigration Programs
  
----------------------------------------*/



/*--------------------------------------
  
             Tabs
  
----------------------------------------*/

div.faq-tab-container {
  z-index: 10;
  padding: 10 !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}

.accordionItemOl .accordionTitleOl {
  margin-bottom: 5px;
}

.accordionItem {
  position: relative;
}

.accordionItem .accordionTitle {
  font-size: 18px;
  padding: 10px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.5s ease-out;
}

.accordionItem .accordionTitle span {
  float: right;
}

.accordionContent {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-out;
}

.accordionContent.open {
  max-height: 100%;
  transition: all 0.5s ease-out;
}

.accordionContent p {
  padding: 10px;
  box-sizing: border-box;
}

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

        VMC Section

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

.vmcWrapper .vmcInner {
  border-radius: 5px;
  padding: 10px;
}

.vmcWrapper:nth-child(2),
.vmcWrapper:nth-child(3) {
  margin-top: 30px;
}

/*----------------------------
  
            Sidebars
  
-----------------------------*/

.sidebar .widget:not(:first-child) {
  margin-top: 30px;
}

.sidebar .provinceWidget {
  background-position: center center;
  background-size: cover;
  padding: 15px;
  position: relative;
}

.sidebar .provinceWidget::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.sidebar .provinceWidget .provinceFields {
  position: relative;
  z-index: 1;
}

.sidebar .provinceWidget .provinceFields .singleFiled .widgetTitle {
  margin-bottom: 10px;
  font-size: 20px;
  padding: 8px;
}

.sidebar .provinceWidget .provinceFields .singleFiled .fieldsbody {

  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

.sidebar .provinceWidget .provinceFields .singleFiled .fieldsbody img {
  width: 100%;
  max-width: 100px;
  height: auto;
}

.with_frm_style .frm_checkbox input[type=checkbox]:before {
  margin: 3px 5px 0 2px !important;
}


/*-----------------------------
        
    about section start
        
------------------------------*/

.aboutSectionMain {
  padding: var(--lg-padding);
}

.aboutLeftImg>img {
  width: 100%;
  height: auto;
}

.aboutLeftImg.heightFull {
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.aboutLeftImg.heightFull img {
  width: 100%;
  height: auto;
  max-width: 600px;
  min-width: 300px;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease-in-out;
}

.aboutLeftImg.heightFull img:hover {
  transform: scale(1.05);
}


.SectionMain>.row>div>div>h1 {
  text-align: start;
}

.row>div>.flexCenter>i {
  font-size: 60px;
}

.row>div>.flexCenter>p {
  font-size: 22px;
  line-height: 1.5;
}

.row>.row>.col-lg-6>.flexCenter:hover i {
  transform: scaleX(-1);
}

.row>.col-lg-12>.bpa-frontend-main-container>.bookAppointmentDetails {
  min-height: 0px;
}

.bpa-front-tabs--panel-body .bpa-front-dc--body {
  min-height: 0 !important;
}

.bpa-frontend-main-container {
  min-height: 500px !important;
  margin-top: 50px;
}

.el-main {
  padding-top: 30px !important;
}

.aboutP {
  font-size: 18px;
  margin-top: 1rem;
}

.ceoImg {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  padding: 10px;
  margin-right: 15px;
}

.ceoImg>img {
  width: 100%;
}

.ceoDetails>div>h2 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
}

.ceoDetails>div>span {
  font-size: 14px;
}

.ceoDetails:hover .ceoImg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.aboutFluid {
  width: 50%;
}

.aboutSectionMain>div>div>div>.commonHeading>span {
  align-self: center;
}

@media screen and (max-width:1199px) {
  .serviceGrid .singleService .singleServiceInner .titleLink a {
    font-size: 17px;
  }
}

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

        about section end
        
-------------------------------*/




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

    customer feedback section start
    
-------------------------------------*/

.customerFeedbackMain {
  padding: var(--lg-padding);
  background: url(img/world_white.jpg)no-repeat;
  background-size: cover;
  background-position: center;
}

.innerContainer>.slider {
  display: inline-flex;
}

.innerContainer {
  overflow: hidden;
}

.cfbCardMain {
  padding: var(--lg-padding);
}

.cfbCard {
  display: flex;
  margin: 0px 70px;
}

.cfbCard>span {
  width: 10px;
}

.cfbCard>div {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  padding: 60px 80px;
}

.cfbContent {
  margin-left: 10px;
}

.testimonials .item .customerImg {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  padding: 10px;
  position: absolute;
  left: -76px;
}

.testimonials .item .customerImg>img {
  width: 100%;
  border-radius: 50%;
}

.testimonials .item .quotationImg>img {
  width: 40px;
}

.testimonials .item .nameDesignation {
  display: flex;
  flex-direction: column;
}

.testimonials .item .customerName {
  font-weight: 700;
}

.testimonials .item .cfbCard:hover .customerImg>img {
  transform: scale(1.2);
}

.PostSlide {
  margin-top: 60px;
  display: flex;
  align-items: center;
}

.moveBtnLeft>i,
.moveBtnRight>i {
  font-size: 50px;
}

@media screen and (max-width:991px) {
  .cfbCard {
    width: 100%;
  }
}

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

    customer feedback section end
    
-------------------------------------*/

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

    clients carousel start
    
------------------------------------*/

.clientsMain {
  padding: var(--lg-padding);
}

.clientsMain>div>div {
  overflow: hidden;
}

.clientsLogos {
  width: 100%;
  display: inline-flex;
}

.clientsLogos>div>img {
  width: 220px;
  opacity: 20%;
}

.clientsLogos>div>img:hover {
  opacity: 100%;
}

/*--------------------------------
        
        clients carousel end
        
---------------------------------*/


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

        q&a section start
        
----------------------------------*/

.qnaMain {
  background: url(https://immifocus.ca/demo/wp-content/uploads/sites/2/2024/01/world_white.jpg)no-repeat;
  background-size: cover;
  background-position: center;
}

.qnaMain>div {
  padding: var(--lg-padding);
}

.qnaLeft>div>.commonHeading>h1 {
  text-align: left;
}

.qnaContent {
  margin-top: 60px;
}

.qnaContent>div {
  display: flex;
}

.redCheck,
.blackCheck {
  width: 63px;
  height: 50px;
  border-radius: 25px;
}

.redCheck>i,
.blackCheck>i {
  font-size: 30px;
}

.qnaContent>div>div:last-child {
  margin-left: 15px;
}

.qnaContent>div:first-child {
  margin-bottom: 15px;
}

.qnaContent>div>div>h2,
.question {
  font-size: 20px;
  font-weight: 700;
}

.qnaContent>div>div>p {
  padding: 0;
  font-size: 18px;
}

.questionMain>div {
  padding: 15px 10px;
  margin-bottom: 15px;
}

.displayAnswer {
  display: flex !important;
  transition: 0.4s;
}

.answer {
  padding: 0;
  display: none;
}

.questionMain {
  margin-left: 20px;
}

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

        q&a section end
        
--------------------------------*/

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

        team section start

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

.teamGrid {
  padding: var(--lg-padding);
}

.teamGrid .singleProfile {
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.teamGrid .singleProfile .dpMain {
  margin-bottom: 20px;
  width: 260px;
  height: 260px;
  border-radius: 130px;
  position: relative;
}

.teamGrid .singleProfile .dpMain:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  content: "";
  border-radius: 300px 300px 0 0;
  transition: all 700ms ease;
}

.teamGrid .singleProfile .dpMain:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 52%;
  clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
  content: "";
  border-radius: 300px 300px 0 0;
  transition: all 700ms ease;
}

.teamGrid .singleProfile .dpMain .teamImg {
  position: relative;
  border-radius: 50%;
  padding: 25px 25px 15px 25px;
  margin: 0 auto;
  border-radius: 100px;
  overflow: hidden;
  z-index: 1;
}

.teamGrid .singleProfile .dpMain .teamImg img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border-radius: 100px;
}

.teamGrid .singleProfile:hover .teamImg img {
  transform: scale(1.1);
  transform-origin: center center;
}

.teamGrid .singleProfile:hover .dpMain::after {
  clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
}

.teamGrid .singleProfile .ProfileName {
  font-size: 20px;
  font-weight: 700;
}

.teamGrid .singleProfile .profileExtrafields {
  text-align: center;
}

.profileSocialmedia {
  position: absolute;
  z-index: 1;
  padding: 20px;
  border-radius: 50px;
  left: 10px;
  bottom: 70px;
}

.afterHover {
  display: none;
}

.afterHover>i {
  margin: 0 5px;
}

.singleProfile:hover .beforeHover {
  display: none;
}

.singleProfile:hover .afterHover {
  display: flex;
}

.airplane {
  position: absolute;
  top: -319px;
  left: 43%;
}

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

        team section end

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

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

    oppertunity section start
    
----------------------------------*/

.oppertunityMain {
  padding: var(--lg-padding);
  background: url(img/benifit_bg.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.redMan {
  position: absolute;
  right: 200px;
  width: 42%;
  top: -48px;
}

.oppertunityMain>.container>.row>.left {
  width: 568px;
}

.oppertunityMain>.container>.row>.left>.commonHeading>h1 {
  text-align: left;
}

.oppertunityMain>.container>.row>.left>p {
  padding: 0;
  font-size: 18px;
  margin: 20px 0;
}

.benifitImg>i {
  font-size: 80px;
  margin-right: 30px;
}

.singleBenifit {
  padding: 15px 0;
}

.singleBenifit:last-child {
  border-bottom: none;
}

.singleBenifit>div>h2 {
  font-size: 20px;
  font-weight: 700;
}

.singleBenifit>div>span {
  text-transform: uppercase;
}

.arrowMark {
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.singleBenifit:hover .benifitImg>i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

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

    oppertunity section end
    
----------------------------------*/

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

    artical section start
    
----------------------------------*/

.articalMain {
  padding: var(--lg-padding);
}

.articalImg>img {
  width: 100%;
}

.articalContent {
  margin-top: -108px;
}

.halfCircle {
  width: 100px;
  padding: 20px;
  border-radius: 0 90px 0 0;
  display: flex;
  flex-direction: column;
  position: relative;
}

.halfCircle>span {
  font-weight: 800;
}

.month {
  font-weight: 400;
  text-transform: uppercase;
}

.articalDetail {
  padding: 20px;
  width: 90%;
  position: relative;
}

.articleTitleMeta {
  margin-bottom: 40px;
}

.gridViewContent {
  position: absolute;
  right: 20px;
  bottom: 17px;
  color: var(--theme-color-2);
  font-weight: 700;
}

.gridViewContent:hover {
  color: var(--theme-color-1)
}

.articleTitle {
  font-size: 24px;
  font-weight: 600;
}

.goToMainArtical {
  padding: 20px 0;
}

.goToMainArtical>span,
i {
  font-weight: 600;
}

/* Opacity #2 */
.articalImg {
  overflow: hidden;
  height: 272px;
}

.articalImg>img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.singleArtical:hover .articalImg>img {
  width: 120%;
}

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

    artical section end
    
----------------------------------*/

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

    Map section start
    
----------------------------------*/

.mapMain>iframe {
  width: 100%;
}

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

        Map section end
    
----------------------------------*/

@media screen and (max-width:1200px) {
  .bookingBtn {
    display: none;
  }

  .hotLine {
    font-size: 60px;
    display: none;
  }
}

@media screen and (max-width:1000px) {
  .mainRow {
    align-items: inherit;
  }

  .topBarContentLeft {
    display: none;
  }
}

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

  .searchBtn>div {
    position: absolute;
    top: 14px;
    right: 10px;
  }

  .horizontalLine {
    display: none;
  }

  .serviceSectionMain>.fsb>.col-md-3 {
    width: 50%;
  }

  .navBarMain {
    top: 10px;
    width: 100%;
  }

  .toggleBtn {
    position: absolute;
    right: 10px;
    top: -68px;
    border: 0px transparent;
    box-shadow: none;
  }

  .toggleBtn:focus {
    box-shadow: none;
  }

  .topBarContent {
    background: var(--theme-color-2);
    padding: 12px 18px;
  }

  .headerContent,
  .videoContent {
    width: 100% !important;
    left: 0 !important;
  }

}

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

  .heroCarouselContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .item .cover .headerContent .line {
    -webkit-clip-path: none;
    clip-path: none;
  }

  .searchBtn>div {
    top: 69px;
    right: 0;
  }
}

@media screen and (max-width:540px) {
  .item .cover .headerContent h1 {
    font-size: 30px;
  }

  .item .cover .headerContent h2 {
    font-size: 20px;
  }

  .item .cover .headerContent h4>a {
    padding: 10px;
    font-size: 15px;
  }

  .serviceSectionMain>.fsb>.col-md-3 {
    width: 100%;
  }
}



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

    countact-us style start

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

.asideAddress {
  text-align: center;
}

.asideAddress>p {
  margin-bottom: 3px !important;
}

.contactHeroContent {
  width: 150px;
  align-items: center;
}

.map {
  width: 100%;
}

.contactApplication {
  box-shadow: 1px 1px 1px 1px;
}

.contactUs>div {
  background: url(img/contact.jpg)no-repeat;
  background-size: cover;
  background-position: center;
}

.contactUs>div>.gradient {
  padding-top: 150px;
}

.contactUsContent {
  padding: 100px 0;
}

.contactUsContent>h1 {
  font-weight: 700;
  font-size: 50px;
}

.leftDiv>i {
  font-size: 60px;
}

.leftDiv>h2 {
  font-weight: 700;
  margin-left: 15px;
  font-size: 20px;
}

.leftDiv {
  width: 245px;
}

.s1 {
  width: 3px;
  height: 100%;
  justify-self: center;
}

.btnContactUs {
  padding: 10px 15px;
  text-transform: uppercase;
  /* font-weight: 800; */
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 35px
}

.commonHeading.formContentHeding {
  align-items: center;
}

.formContentHeding>.inPageSocial {
  margin-left: 400px;
}

.commonHeading>.formContentHeding>h2 {
  margin-top: 25px;
  font-style: italic;
  color: #b3abab;
  ;
  font-size: 25px;
}

.contactMain {
  position: relative;
  transition: background.3s, border .3s, border-radius .3s, box-shadow .3s;
  margin-top: 80px;
  margin-bottom: 20px;
  padding: 60px 50px 60px 60px;
  z-index: 1;
}

.aboutCommonHeading>span {
  font-size: 13px;
  font-family: sans-serif;

}

.aboutCommonHeading>h1 {
  text-align: left;
}

.aboutCommonHeading>p {
  text-align: left;
  font-size: 20px;
}

.iconList {
  width: 20px;
  transition: 0.4s all;
  display: flex;
}

.iconList .fab {
  font-size: large;
  width: 20px;
  transition: 0.4s all;
}

.inputText {
  padding: 20px 20px;
}

.colorRed {
  width: 45%;
  padding: 15px;
}

.iconRadius {
  width: 150px;
  height: 150px;
  border-radius: 50px;
}

.iconList>li {
  margin-right: 10px;
}

.iconListOrder {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  text-align: center;
  display: block;
}

.commonHeading>span>mark {
  font-weight: 600;
}

.contactMain>.row>div>.flexCenter>p {
  margin: 25px 0px 25px 0px;
  font-size: 17px;
  line-height: 1.8;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 50px 20px;
  transition: all .4s ease;
  text-align: center;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation:hover i {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


.contactLast .singleOfficeLocationWrap .singleOfficeLocation h2 {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: 700;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation p {
  padding: 0;
  font-size: 18px;
  margin: 8px 0;
}

.contactLast .singleOfficeLocationWrap .singleOfficeLocation i {
  font-size: 3.5rem;
  line-height: 50px;
}


.contactFields>input,
.contactFields>select {
  padding: 10px !important;
}

.contactFields>select,
select>option {
  color: var(--text-color) !important;
}

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

    countact-us style end

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

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

    blog page style start

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

.blogItemMain {
  padding: var(--lg-padding);
}

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

    blog page style end

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

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

        faq page start
        
---------------------------------*/

.faqMain {
  padding: var(--lg-padding);
}

.singleFaq {
  padding: 15px 0;
}

.widgetFaqs>.widget>.sidebar>.nav>.nav-item {
  margin-bottom: 5px;
}

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

        faq page end
        
---------------------------------*/

/*---------------------------------
        
        responsive start
        
----------------------------------*/

@media screen and (max-width:1200px) {
  .bookingBtn {
    display: none;
  }

  .hotLine {
    font-size: 60px;
    display: none;
  }
}

@media screen and (max-width:1000px) {
  .mainRow {
    align-items: inherit;
  }
}

@media screen and (max-width:992px) {
  .ytVideoContent {
    text-align: center;
    margin-bottom: 50px;
  }

  .ytVideo {
    justify-content: center;
  }
}

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

  .searchBtn>div {
    position: absolute;
    top: 14px;
    right: 10px;
  }

  .horizontalLine {
    display: none;
  }

  .serviceSectionMain>.fsb>.col-md-3 {
    width: 50%;
  }

  .aboutLeftImg {
    display: none;
  }

  .aboutSectionMain>div>div>.commonHeading {
    align-items: center;
  }

  .aboutSectionMain>div>div>.commonHeading>h1 {
    text-align: center;
  }

  .aboutSectionMain>div>div>.fsb {
    flex-direction: column;
  }

  .aboutContentInner {
    width: 95%;
    margin: 10px auto;
  }
}

@media screen and (max-width:950px) {
  .nonScroled>.container-fluid>.mainRow>.topBar>.topBarContent>.topBarContentLeft {
    flex-direction: column;
  }
}

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

  .aboutLeftImg {
    display: none;
  }

  .heroCarouselContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .item .cover .headerContent .line {
    -webkit-clip-path: none;
    clip-path: none;
  }

  .searchBtn>div {
    top: 69px;
    right: 0;
  }

  .airplane,
  .redMan {
    display: none;
  }

  .commonHeading {
    align-items: center !important;
  }

  .commonHeading>h1 {
    text-align: center !important;
  }

  .ytVideo {
    flex-direction: column;
  }
}

@media screen and (max-width:622px) {
  .nonScroled>.container-fluid>.mainRow>.topBar>.topBarContent>.topBarContentRight {
    flex-direction: column;
  }
}

@media screen and (max-width:540px) {
  .item .cover .headerContent h1 {
    font-size: 30px;
  }

  .item .cover .headerContent h2 {
    font-size: 20px;
  }

  .item .cover .headerContent h4>a {
    padding: 10px;
    font-size: 15px;
  }

  .serviceSectionMain>.fsb>.col-md-3 {
    width: 100%;
  }
}

@media screen and (max-width:450px) {
  .nonScroled>.container-fluid>.mainRow>.topBar>.topBarContent {
    flex-direction: column;
  }

  .nonScroled>.container-fluid>.mainRow>.topBar>.topBarContent>.topBarContentLeft {
    flex-direction: row;
  }
}

/*---------------------------------
        
        responsive end
        
----------------------------------*/

/*---------------------------------
        
            404 start
        
----------------------------------*/

.NotFoyndContent {
  padding: var(--lg-padding);
  text-align: center;
}

.NotFoyndContent h1 {
  font-size: 169px;
  font-weight: 700;
}

.NotFoyndContent h2 {
  font-weight: 700;
}

.NotFoyndContent p {
  font-size: 18px;
}

.btn404 {
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 35px;
  width: 17%;
  height: 15%;
}

/*---------------------------------
        
            404 end
        
----------------------------------*/

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

        Team-Details Start
        
----------------------------------*/

.teamDetailsMain {
  padding: 115px 10px;
}

.teamDetailsMain>.row>div>.flexCenter>p {
  margin: 10px 0px 22px -10px;
  font-size: 17px;
  line-height: 1.8;
}

.teamDetailsHeading>h1 {
  font-size: 30px;
  font-weight: 700;
  margin: 41px 0px 10px 0px;
}

.summury {
  padding: 50px 0px 10px 0px;
}

.summury>p {
  font-size: 17px;
  padding: 0px;
}

.iconDetails>i {
  margin-top: 25px;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  justify-content: center;
  font-size: 20px;
  display: flex;
  align-items: center;
  border-radius: 16px;
}

.iconDetails {
  display: flex;
  align-items: center;
  padding: 20px;
}

.iconDetails>span {
  padding-left: 20px;
}

.iconDetails:hover i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  border-radius: 16px;
}


.btnTeamDetails {
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 800;
  transition: 0.4s all;
  font-size: 15px;
  margin-top: 35px;
  margin-left: 20px;
}

.summeryDetails {
  display: flex;
  padding: 20px;
  flex-direction: column;
}

.summerydetails h2 {
  font-weight: 300;
}

.summeryDetails ul li {
  position: relative;
}

.summeryDetails ul li::marker {
  content: "";
  display: none;
}

.summeryDetails ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  left: -25px;
  top: 7px;
  transition: all .3s ease;
}

.summeryDetails ul li::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: -18px;
  top: 18px;
  z-index: -1;
  transition: all .3s ease;

}

.summeryDetails ul li:last-child::after {
  display: none;
  opacity: 0;
}

.summeryDetails ul li {
  margin: 10px;
}

.summeryProgress {
  width: 325;
}

.summeryProgress h2 {
  font-size: 19px;
  font-weight: 700;
}

.pictureSummeryDetailsMain .row {
  padding-top: 20px;
}

.pictureContactMain .row .col-md-6 {
  padding-left: 25px;
}

.pictureContactMain .row .flexCenter {
  padding-left: 0;
}

.pictureContactMain .iconDetails i {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  justify-content: center;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.pictureContactMain .teamDetailsHeading h1 {
  font-size: 40px;
  font-weight: 700;
}

.pictureContactMain .pictureContent {
  margin-right: 75px;
  padding-top: 5px;
  padding-bottom: 25px;
}

.pictureContactMain .iconDetails h2 {
  font-size: 1rem;
  text-align: left;
  padding-left: 20px;
}

.pictureSummeryDetailsMain .summeryDetails ul li {
  position: relative;
  list-style: none;
  padding-bottom: 20px;
}

.pictureSummeryDetailsMain .summeryDetails ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  left: -30px;
  top: 7px;
  transition: all .3s ease;
}

.pictureSummeryDetailsMain .summeryDetails ul li::after {
  content: "";
  width: 1px;
  height: 116%;
  position: absolute;
  left: -23px;
  top: 7px;
  z-index: -1;
  transition: all .3s ease;
}

.pictureSummeryDetailsMain .summeryDetails ul li:last-child:after {
  width: 0;
}

.summeryDetails .wppb-wrapper .wppb-progress span {
  display: block;
  height: 25px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}

.summeryDetails .wppb-wrapper .wppb-progress {
  height: 25px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  position: relative;
  width: 100%;
  max-width: 400px;
}

.summeryDetails p {
  margin-bottom: 15px;
  margin-left: 10px;
}

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

        Team-Details end
        
----------------------------------*/

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

    testimonials style start
    
-----------------------------------*/

.testimonialsMain {
  max-width: 1250px;
}

.hoverSpeed {
  transition: 0.4s all;
}

.dpImg {
  height: 220px;
  width: 220px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: -35px;
}

.dpImg>.img {
  width: 100%;
  height: auto;
  border-radius: 1000px;
}

.beforeHover>i {
  font-size: 25px;
}

.profileCustomer {
  position: absolute;
  z-index: 1;
  padding: 20px;
  border-radius: 50%;
  left: 180px;
  bottom: 20px;
}

.profileImg {
  margin-bottom: 70px;
}

.customerService {
  position: relative;
  padding: 20px;
  margin: 15px;
}

.customerService>i {
  position: absolute;
  z-index: 1;
  right: 135px;
  top: -12%;
  font-size: 100;
}

.customerContent {
  padding: 10px 15px;
  text-align: center;
}

.customerCardContent {
  padding: 5px 10px;
}

.customerCardContent>p {
  font-size: 16px;
}

.customerName {
  font-size: 22px;
  font-weight: 900;
}

.customerAuthor-text {
  text-align: center;
}

.customerCardContent>.customerName {
  font-weight: 700;
}

.starBox {
  margin-top: 10px;
}

.starBox>i {
  font-size: 12px;
  margin-bottom: 8px;
}

.dpImg:hover .serviceImg {
  scale: 1.1;
}

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

    testimonials style start
    
-----------------------------------*/

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

    blog-details style start

-----------------------------------*/
.mainArea {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.mainContentArea {
  padding: 10px;
}

.headerImg {
  box-sizing: border-box;
}

.mainContentArea>.headerImg>.postImage {
  background-image: url('img/visa1.jpg');
  min-height: 500px;
  width: 100%;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: 25px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  box-sizing: border-box;
}

.mainContentArea>.headerImg>.postImage>img {
  height: auto;
  max-width: 100%;
}

.mainContentArea>.hedding01>h3 {
  font-size: 30px;
  font-weight: 700;
}

.mainContentArea>.heddingText>p {
  font-size: 16px;
}

.mainContentArea>.singleBlogHedding>h3 {
  font-size: 30px;
  font-weight: 700;
}

.mainContentArea>.singleBlogContent>p {
  padding: 10px 0px;
  font-size: 16px;
}

.blogQuateMainArea {
  position: relative;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 20px;
}

.blogQuateMainArea>.blogQuateArea {
  padding: 10px 0 25px;
  border-radius: 5px 5px 5px 5px;
}

.blogQuateMainArea>.blogQuateArea>.blogQuateContent {
  padding: 35px 30px 30px;
}

.blogQuateMainArea>.blogQuateArea>cite {
  padding: 30px;
}

.blogQuateMainArea>.blogQuateArea>.blogQuateContent::before {
  content: "“";
  font-size: 150px;
  line-height: 50px;
  bottom: 25px;
  top: auto;
  right: 45px;
  opacity: .7;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 4rem;
  transition: all .3s ease;
}

.mainContentArea>.secoundTitleMain>.secoundTitle>h2 {
  padding-top: 10px;
  font-size: 30px;
  font-weight: 700;
}

.mainContentArea>.secoundTitleMain>.secoundText>p {
  padding: 10px 0px;
  font-size: 16px;
}

.imageArea img {
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  width: 355px;
}

.theardText .img {
  border-radius: 8px;
}

.elementerMain>.listItem>li i::before {
  margin: 0 8px 0 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
}

.elementerMain>.listItem>li {
  font-variant: normal;
  line-height: 2.5;
  text-rendering: auto;
}

.fourthText p {
  padding: 10px 0px;
  font-size: 16px;
}

.mainContentArea .listMain li i span {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-1);
}

.mainContentArea .listMain li i span {
  outline: none;
  border: none;
}

.mainCommentArea {
  display: flex;
  padding: 30px 0 30px;
  margin-top: 56px;
  gap: 10px;
  font-family: var(--font-1);
  box-sizing: border-box;
}

.leftDetails {
  line-height: 1.9;
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.leftDetails span {
  font-size: 20px;
  font-weight: 700;
}

.leftDetails>a {
  padding: 10px;
  font-size: 0.8rem;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  padding: 8px 25px;
  margin-left: 20px;
}

.rightDetails {
  line-height: 1.9;
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.rightDetails span {
  font-size: 20px;
  font-weight: 700;
}

.rightDetails>a {
  padding: 10px;
  font-size: 0.8rem;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s ease;
  margin-bottom: 10px;
  padding: 8px 25px;
  margin-left: 20px;
}

.commentArea {
  margin-top: 60px
}

.commentTitle h4 {
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  font-family: var(--heading-font-family);
}

.fiveTitleMain>.fiveTitle h2 {
  padding-top: 10px;
  font-size: 30px;
  font-weight: 700;
}

.fiveTitleMain>.fiveText p {
  padding: 10px 0px;
  font-size: 16px;
}

.commentMain {
  position: relative;
  transition: background.3s, border .3s, border-radius .3s, box-shadow .3s;
  margin-top: 35px;
  margin-bottom: 20px;
  padding: 60px 50px 60px 60px;
  z-index: 1;
}

/*--right side--*/

.searchBox .colClass {
  line-height: 1.9;
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.searchBox {
  position: relative;
  width: 400px;
  padding: 35px;
  border-radius: 10px;
}

.searchBox>.colClass {
  width: 300px;
}

.searchBox>.colClass>.searchButton {
  outline: none;
  border: none;
}

.searchBox::before {
  width: 300px;
}

.rightSideListMainBorder {
  position: relative;
  height: 400px;
  width: 400px;
  margin-top: 20px;
  padding: 20px;
  border-radius: 10px;
}

.rightSideListMainBorder>.rightSideListBorder {
  height: 350px;
  padding: 10px;
  padding-bottom: 120px;
  box-sizing: border-box;
  padding: 10px;
}

.rightSideListMainBorder>.rightSideListBorder>.rightSideList {
  position: relative;
  display: block;
  padding: 0px;
  border-radius: 7px
}

.rightSideListMainBorder>.rightSideListBorder>.rightSideList>.widgettitle {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
}

.rightSideListMainBorder>.rightSideListBorder>.rightSideList>.widgettitle::after {
  border-radius: 10px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.rightSideListMainBorder>.rightSideListBorder>.rightSideListCatogery {
  height: 450px;
  padding: 10px;
  padding-bottom: 120px;
  box-sizing: border-box;
  padding: 10px;
}

.rightSideListMainBorder>.rightSideListBorder>.rightSideListCatogery>.rightSideCatogery {
  height: 450px;
  padding: 10px;
  padding-bottom: 120px;
  box-sizing: border-box;
  padding: 10px;
}

.rightSideListMainBorder>.rightSideListCatogery>.rightSideCatogery>img {
  height: 100px;
  width: 100px;
}

.singleNewsImg>img {
  width: 50px;
  border-radius: 25px;
  height: 50px;
}

.singleNewsContent>h3 {
  font-size: 15px;
}

.singleNewsContent {
  margin-left: 20px;
}

.singleNews,
.sideBarLatestNews {
  width: 100%;
  padding: 10px 10px 10px 10px;
}

.sideBarLatestNews {
  padding-left: 0;
}

.rightSideListMainBorder>.rightSideListCatogery>.rightSideCatogery {
  margin: 0 8px 0 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
}

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

    blog-details style end

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

.modal {
  display: none;
}

.background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 600px;
  border-radius: 5px 5px 0 0;
}

.close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}

.responsive-video {
  position: relative;
  padding-bottom: 52.15%;
  padding-top: 25px;
  height: 0;
}

.iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.singleOfficeLocation {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 50px 20px;
  transition: all .4s ease;
  text-align: center;
}


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

    page-sidebar-right start
    
-------------------------------*/

.sidebar>.widget-area>.widget_nav_menu>div ul {
  padding-left: 0;
}

.sidebar>.widget-area>.widget_nav_menu>div h2 {
  margin-top: 20px;
}

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

    page-sidebar-right end
    
-------------------------------*/


.tableFullWidth {
  width: 100%;
}

.dataTable th {
  padding: 6px;
  font-weight: 400;
  width: auto;
}

.dataTable td {
  padding: 10px 6px;
  font-weight: 400;
  position: relative;
}

.immigrationRow>.provinceColumn {
  text-align: left;
}

.invitationTableHeading {
  margin-top: 50px;
}

.invitationTable>tbody>tr>th {
  width: 152px;
  text-align: left;
  padding-left: 10px;
}

.invitationTable>tbody>tr>td {
  text-align: left;
}

.dataTable .filterSet td {
  padding: 5px;
}

.dataTable th.sortable {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}

.dataTable th.sortable i {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}

.dataTable th.sortable:hover i {
  color: var(--theme-color-3);
}

/* Base style for the info icon */
.dataTable td .filterTooltip {
  color: #007bff;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
}

.dataTable td .filterTooltip::after {
  content: attr(title);
  position: absolute;
  left: 50%;
  bottom: 27px;
  transform: translateX(-50%);
  background-color: var(--theme-color-2);
  color: var(--theme-color-4);
  padding: 5px 10px;
  border-radius: 5px;
  white-space: nowrap;
  font-size: 12px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: opacity 0.2s ease-in-out, visibility 0.5s ease-in-out;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 17px;
  width: 300px;
  white-space: normal;
  word-wrap: break-word;
  text-align: left;
}

.dataTable td .filterTooltip:hover::after {
  opacity: 1;
  visibility: visible;
}

.dataTable td .filterTooltip::before {
  top: -23px;
  right: -9px;
  position: absolute;
  border-color: transparent transparent #333 transparent;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.dataTable td .filterTooltip:hover::before {
  opacity: 1;
  visibility: visible;
}

.tableDropdown {
  position: relative;
}

.tableDropdownToggle {
  padding: 8px 12px;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  cursor: pointer;
}

.tableDropdownMenu {
  display: none;
  text-align: left;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
  min-width: 450px;
  max-height: 500px;
  overflow-y: scroll;
}

.tableDropdownMenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.tableDropdownMenu li {
  padding: 8px 12px;
}

.tableDropdownMenu li a {
  color: #333;
  text-decoration: none;
  display: block;
}

.tableDropdownMenu li:hover {
  background-color: #f9f9f9;
}

.tableDropdownMenu #category-list {
  list-style: none;
  padding-left: 20px;
}

.tableDropdownMenu #category-list ul {
  position: relative;
}

.tableDropdownMenu #category-list ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: -15px;
  /* Adjust based on your indentation */
  border-left: 1px solid #ccc;
  /* Line color */
  height: 100%;
}

.tableDropdownMenu #category-list li {
  padding-left: 5px;
  /* Adjust based on your indentation */
  position: relative;
}

.tableDropdownMenu #category-list li:before {
  content: '';
  position: absolute;
  top: 0;
  left: -15px;
  /* Adjust based on your indentation */
  border-top: 1px solid #ccc;
  /* Line color */
  width: 10px;
  /* Adjust based on your indentation */
}

.tableDropdownMenu #category-list li:last-child:before {
  border: none;
}




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

    page-sidebar-right start

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

.sidebar>.widget-area>.widget_nav_menu>div ul {
  padding-left: 0;
}

.sidebar>.widget-area>.widget_nav_menu>div h2 {
  margin-top: 20px;
}

.sidebar .widget-area .widget_nav_menu div ul li a {
  padding: 5px;
  margin: 5px 0;
  display: block;
}

.sidebar>.widget-area>.widget_search>form>input {
  border-radius: 0px;
  padding: none;
}

.sidebar>.widget-area>.widget_search>form>button {
  border-radius: 0px;
}

/*--------------latest news-------------*/

.widget>div>ul>li>a>span {
  line-height: 1.3;
}

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

    page-sidebar-right start

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



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

    fraud prevention content start

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

.content-area .listWithTitle li {
  font-size: 25px;
}

.content-area .listWithIcon li::before {
  content: "\f785";
  font: var(--fa-font-brands);
  margin-right: 8px;
  margin-top: 8px;
}

.content-area .listWithIcon li {
  font-size: 15px;
}

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

    fraud prevention content end

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

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

        values section start

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

.valuesSection {
  padding: var(--lg-padding);
}

.valuesSection>.gapTop {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.valuesSection>.commonHeading {
  padding-top: 10px;
}

.valuesSection .justify-content-center {
  display: flex;
  flex-wrap: wrap;
}

.valuesSection .singelValue .singelValueBox h4 {
  margin-bottom: 8px;
  padding: 15px 15px;
  text-align: center;
}

.valuesSection .singelValue .singelValueBox p {
  margin-bottom: 8px;
  padding-bottom: 15px;
  margin-bottom: 0px;
  text-align: left;
}

.valuesSection .singelValue a i {
  bottom: 234px;
}

.valuesSection .singelValue .singelValueBox {
  padding: 0px 10px;
  height: 100%;
}

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

        values section end

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

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

    book an appoinment section start

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

.appoinmentCommonHeading h1 {
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}

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

    book an appoinment section end

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

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

    immigration-parthway-section start

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

.owl-nav {
  display: flex;
  justify-content: center;
}

.owl-nav button.owl-prev {
  margin: 1px;
  font-size: 28px !important;
  padding: 0px 17px !important;
  display: inline-block !important;
  align-content: center !important;
  vertical-align: middle !important;
}

.owl-nav button.owl-next {
  margin: 1px;
  font-size: 28px !important;
  padding: 0px 17px !important;
  display: inline-block !important;
  align-content: center !important;
  vertical-align: middle !important;
}

.owl-nav button.owl-prev span {
  padding: 10px;
}

.owl-nav button.owl-next span {
  padding: 10px;
}

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

    immigration-parthway-section end

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

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

    Language-test-section start

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

.tab-content .tab-pane {
  display: none;
}

.tab-content .active {
  display: block;
}

.tableTitlebar .titleHead {
  font-size: 18px;
  border-bottom: none;
}

.tableTitlebar .titleHead.active {
  font-size: 18px;
  width: 100%;
}

.tableTitlebar .titleHead.active::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: solid transparent;
  border-width: 10px;
}

.tableTitlebar .nav-link {
  width: 100%;
  min-height: 70px;
}

.tableTitlebar .tableTitleTab {
  padding-right: 4px;
  width: 20%;
  position: relative;
}

.tableTitlebar .tableTitleTab:last-child {
  padding-right: 0px;
}

.tableTabTitle {
  padding: 4px;
}

.tableTabTitle .tableTabOpen {
  padding: 7px;
  font-size: 18px;
}

.tableTabTitle .tableTabOpen i {
  float: right;
  padding: 5px;
}

.tableTabTitle .tableTabOpen::marker {
  content: "";
  display: none;
}

.tableTabTitle .tableTabTitle::after {
  content: ">";
  display: none;
  position: absolute;
  right: 0px;
}

.tableTabTitle .tableTabOpen:focus {
  font-size: 18px;
}

.tableTabContent {
  padding: 5px;
}

.incBorder {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.noteContent {
  margin-top: 15px;
}

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

        Language-test-section end

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

/*----------------------------------------
    
    FAQ Catogary sidebar start

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

.sidebar .widget-area .widget .card {
  background: none;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sidebar .widget-area .widget .card ul li a {
  padding: 5px;
  margin: 5px 0;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px
}

.sidebar .widget-area .widget .card ul li a .bi-caret-down-fill::before {
  margin-left: 8px;
  content: "\f229";
  font-size: 10px;
}

.sidebar .widget-area .widget .card ul li ul {
  padding-left: 0px;
}

.sidebar .widget-area .widget .card ul li ul li a {
  margin-top: 4px;
  font-size: 14px;
  line-height: 17px;
}

.sidebar .widget-area .widget .card ul li a i {
  float: right;
  font-size: 12px;
  padding: 7px 5px;
}

.widgetFaqs.fixed-top {
  position: absolute;
  top: 98px;
  right: auto;
  left: auto;
  width: 285px;
}

@media screen and (max-width:1399px) {
  .widgetFaqs.fixed-top {
    width: 19%;
  }
}

@media screen and (max-width:1199px) {
  .sidebar .widget-area .widget .card ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 991px) {
  .sidebar .widget-area .widget .card ul li a {
    font-size: 16px;
  }

  .widgetFaqs.fixed-top {
    position: relative;
  }

  .textwidget>.questionnaireLink {
    display: none;
  }

}

@media screen and (max-width:400px) {
  .sidebar .widget-area .widget .card ul li a {
    font-size: 15px;
  }
}

/*-------------------------------------
    
    FAQ Catogary sidebar end

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

/*------------------------------------
        
        FAQ Main Page Start

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

.faqMainPage .faqCatName {
  font-size: 25px;
  padding: 7px;
  border-bottom: 0px;
}

.faqMainPage .singleFAQ {
  position: relative;
}

.faqMainPage .singleFAQTitle .underline {
  border-bottom: 1px solid;
}

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

    FAQ Main Page end

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

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

        page-home-image start
        
--------------------------------*/

.headerContent>h1 {
  font-size: 65px;
  font-weight: bold;
}

#typewriter>p {
  font-size: 22px;
}

.headerContent>h4>a {
  width: max-content;
}

.HeroBgImg>.item>.cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}

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

        page-home-image start
        
--------------------------------*/

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

    page-glossary start

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

.pagination {
  display: flex;
  justify-content: center;
}

.pagination li a {
  text-decoration: none;
  cursor: pointer;
  padding: 10px;
}

.pagination li a:hover {
  text-decoration: none;
  padding: 10px;
}

.pagination li>.disabled {
  cursor: no-drop;
  cursor: not-allowed;
}

.pagination li>.disabled:hover {
  cursor: no-drop;
  cursor: not-allowed;
}

.form-group {
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
}

.glossaryWrapper .singleEntry.tableTitle .glossaryTitle,
.glossaryWrapper .singleEntry.tableTitle .glossaryDetail {
  padding: 6px;
  height: 100%;
  font-weight: 400;
}

.fixedToLeft {
  position: fixed;
  left: 0;
  bottom: 100px;
  padding: 5px;
  z-index: 1;
}

.fixedToLeft>ul {
  padding-left: 0;
}

.fixedToLeft>ul>li {
  margin-bottom: 0;
}

.fixedToLeft>ul>li>a {
  width: 28px;
  height: 28px;
  font-size: 15px;
}

.paginationNone {
  display: none;
}

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

    page-glossary end

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

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

        nav bar start

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

#navbarNav .nav li a {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: normal !important;
  padding: 5px;
  display: block;
}

#navbarNav .nav li .dropdown-menu li {
  margin: 0px;
}

#navbarNav .nav li .dropdown-menu {
  padding: 0px;
  border-radius: 0px;
}

#navbarNav .nav li .dropdown-menu li a {
  padding: 10px;
}

#navbarNav .nav li .dropdown-menu li {
  margin: 10px 7px;
}

/*-----------------------------------
            
            nav bar end

------------------------------------*/
.with_frm_style .frm_checkbox input[type="checkbox"]:checked {
  opacity: 1;
}

.with_frm_style .frm_checkbox input[type="checkbox"] {
  position: relative;
  border-radius: 2px;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  line-height: 0;
  margin: 0 .6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: .5;
}

.widget-title {
  text-align: left;
}

.memberLogo {
  display: flex;
}

.memberLogo>a>img {
  height: auto;
  max-height: 79px;
}

.memberLogo>a:first-child {
  display: flex;
  margin-right: 10px;
}

.site-footer .widget .widget-title {
  margin-bottom: -21px;
  font-size: 20px;

}

.footer-widget .textwidget .widget {
  text-align: left;
}

.footer-widget .widget_text {
  margin-top: 10px;
}



.footer-widget #text-5 .textwidget {
  display: block;
}

.footer-widget .widget .menu {
  padding-left: 0px;
}

.footer-widget .widget #menu-important-links-1 li:before {
  content: "\f0da";
  font: var(--fa-font-solid);
  margin-right: 8px;
}

.inPageSocial {
  border-radius: 26px;
  padding: 10px 20px;
  width: 300px;
  display: flex;
  justify-content: center;
}

.inPageSocial>.menu-item {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#menu-important-links {
  padding: 0;
}

.noptin-form-field-wrapper {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

.noptin-form-field-wrapper>input {
  background-color: transparent !important;
  border-radius: 0px;
  padding: 10px;
}

#noptin-form-1__submit {
  border-radius: 0px;
}

input[type=checkbox],
input[type="radio"] {
  position: relative;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 .6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  opacity: .5;
}

input[type=checkbox]:hover,
input[type="radio"]:hover {
  opacity: 1;
}

input[type=checkbox]:checked,
input[type="radio"]:checked {
  opacity: 1;
}

input[type="radio"]:checked {
  border: 0px transparent;
}

input[type=checkbox]:before,
input[type="radio"]:before {
  content: '';
  position: absolute;
  right: -2px;
  top: -2px;
  z-index: 2;
  opacity: 0;
  font: var(--fa-font-solid);
  width: 20px;
  height: 20px;
  padding: 3px;
}

input[type=checkbox]:checked:before,
input[type="radio"]:before {
  opacity: 1;
}

.footerBottom .bottomMenu .navItem>a {
  font-size: 14px;
  font-weight: 400;
}

.footerBottom .bottomMenu .navItem.nav-item-21771>a {
  width: 175px;
  font-size: 14px;
  font-weight: 400;
}

.footerBottom .bottomMenu .navItem.nav-item-21772>a {
  width: 175px;
  font-size: 14px;
  font-weight: 400;
}


.footerBottom .copyRight p {
  padding: 10px;
  font-size: 14px;
}

/*--------------------------
  about section start
--------------------------*/

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

.aboutSection .aboutContentWrap p{
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	margin-top: 40px;
	color: #bebebe;
}
/*--------------------------
  about section end
--------------------------*/


/*-------------------------------
  Features section section start
--------------------------------*/

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

/*-------------------------------
  Tools tabs section start
--------------------------------*/
.toolsTabs{
	background-color:#3d5d77;
}
.toolsTabs .navTabs{
	height: 100%;
	border-radius: 45px;
	overflow: hidden;
	background-color: var(--theme-color-3);
}
.toolsTabs .navTabs .nav-link{
	height:16.666%;
}
.toolsTabs .navTabs .nav-link i{
	font-size:25px;
	color: var(--theme-color-1);
}
.toolsTabs .navTabs .nav-link.active{
	background-color: var(--theme-color-1);
	border-radius: 0px;	
}
.toolsTabs .navTabs .nav-link.active i{
	color: var(--theme-color-3);
	font-size:25px;
}
.toolsTabs .tabsContent .tab-pane{
	text-align: center;
	background-color: var(--theme-color-1);
	border-radius: 45px;
	overflow: hidden;
}
.toolsTabs .tabsContent .tab-pane .contentTitle{
	color: var(--theme-color-3);
	text-align:center;
}
.toolsTabs .tabsContent .tab-pane .tabBodycontent, .toolsTabs .tabsContent .tab-pane .tabBodycontent p{
	color:#f2f2f2;
}

/*-------------------------
  Premium Options start
--------------------------*/
.premiumFeatures{
	background-color:#dbdbdb;
}
.fetureGrid .singleFeatureOuter{
	margin-bottom: calc(var(--bs-gutter-x));
}
.fetureGrid .singleFeature{
	overflow:hidden;
	border-radius:5px;
	border:1px solid var(--theme-color-3);
	background-color:#f2f2f2;
}
.fetureGrid .singleFeature .featureImage{
	background: var(--theme-color-3);
	padding: 10px;
}
.fetureGrid .singleFeature .featureImage img{
	max-width:60px;
}
.fetureGrid .singleFeature .featureContent{
	padding: 25px 10px;
}
/*-------------------------
  news grid view start
--------------------------*/

.singleItem {
  margin: 15px 0;
  padding: 10px;
}

.singleItem .articleImg {
  width: 100%;
  min-height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.singleItem .articleTitle {
  margin-top: 8px;
  font-size: 18px;
}

.page-numbers {
  width: 28px;
  height: 28px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*-------------------------
  news grid view end
--------------------------*/

/*-------------------------
  news list view start
--------------------------*/

.listView>.singleItem>.articleBody>.articleImg>.imgFluid {
  width: 100%;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%
}

.listView>.singleItem>.articleBody {
  display: block;
  margin: 15px 0;
  padding: 10px;
  box-shadow: 0px 0px 10px 0px rgba(43, 51.999999999999986, 58.99999999999999, .1);
}

.gridView>.singleItem>.articleBody {
  display: block;
  padding: 10px;
  box-shadow: 0px 0px 10px 0px rgba(43, 51.999999999999986, 58.99999999999999, .1);
  height: 100%;
}

.listView>.singleItem>.articleBody>.articleImg {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  max-height: 400px;
}

.articleImg>.imgFluid {
  width: 100%;
}

/*-------------------------
  news list view end
--------------------------*/




/*--------------------------------
    side bar responsive end
---------------------------------*/



/*-------------------------------------------
    Book An Appoinment - section end
-------------------------------------------*/



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

social media share styles start
    
-------------------------------*/
.socialShareMain {
  border-radius: 26px;
  padding: 10px 20px;
  width: 400px;
}

.socialShareMain>span {
  font-weight: bold;
}

.socialShareLinks>a,
.socialShareLinks>button {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin: 0 5px;
}

.formContentHeding>.menu-social-media-container {
  display: flex;
  justify-content: center;
}


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

social media share styles end
    
-------------------------------*/
/*-----------------------------------------------------

    Contact Us – form styles start

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

#frm_form_3_container .formContactUsBody {
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #d7d3d3;
  background-color: #f2f2f2;
}

.frm_submit button {
  width: auto;
  font-size: 15px;
  height: auto;
  line-height: normal;
  text-align: center;
  background: #1d2f41;
  border-width: 1px;
  border-color: #1d2f41;
  border-style: solid;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  border-radius: 0px;
  text-shadow: none;
  padding: 10px 20px;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-shadow: 0 1px 1px #ffffff;
  margin: 10px;
  margin-left: 0;
  margin-right: 0;
  vertical-align: middle;
}

.frm_submit button:hover {
  background: #ff3838;
  border-color: #ff3838;
  color: #ffffff;
}

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

  Contact Us – form styles end

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

        vision Mission Section part
        
---------------------------------------------*/
.vmContent {
  border-radius: 25px;
  padding: 10px;
  height: 100%;
}

.vmBackgroundColorDiv {
  padding: var(--lg-padding);
}

.vmMain {
  background-size: cover;
  background-position: center left !important;
}

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

immigration pathway finder completed page style
        
---------------------------------------------*/
.toInlineTableHeading {
  display: flex;
}





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

---------year selector start ---------------
        
---------------------------------------------*/

.yearSelector {
  color: #808287;
  background: #f2f2f2;
  border: 1px solid #d7d3d3;
  padding: 7px;
  margin-bottom: 15px;
  border-radius: 5px;
}

.yearSelector select {
  padding: 5px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #d7d3d3;
}

.yearSelector select:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.yearSelector input.btnFull {
  padding: 6px;
  width: 100%;
  max-width: 150px;
}

.btnWidth {
  min-width: 127px;
}

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

---------Start Book your Demo---------------
        
---------------------------------------------*/
.demoContent input{
	padding: 10px;
    width: 100%;
    margin-top: 10px;
    border: 2px solid #3d5d77;
}
.selectContent select{
	width: 100%;
    padding: 10px;
    margin-top: 10px;
	border: 2px solid #3d5d77;
}
.submitButton input{
	padding: 10px 45px;
    background: transparent;
    border: 2px solid #3d5d77;
    font-size: px;
    font-weight: 700;
}
.submitButon .input:hover{
	border: 2px solid #ff4242;
    background: #ff4242;
    color: #fff; 
}
.demoBookingContent{
	padding: 171px 41px;
    text-align: center;
}
.demoBookingText p{
	color: var(--theme-color-2);
    line-height: 26px;
}
.contentD p{
	color: var(--theme-color-6);
}


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

---------End Book your Demo---------------
        
---------------------------------------------*/
/*---------------------------------------------

---------start Footer---------------
        
---------------------------------------------*/
.footer{
	background-color:var(--theme-color-6);
	
}
.footer{
	background-image:url(https://immigopro.ca/wp-content/uploads/2025/06/footer-bg3.jpg);
	
	
}
.textwidget p{
	padding-left:10px;
	color:var(--theme-color-3);
	
}
.widget-title{
	margin-left:28px;
	color:var(--theme-color-7);
}
.textwidget h6 i{
	color:var(--theme-color-6);
}
.menu-products-container ul li a{
	color:var(--theme-color-3);
	padding-left:28px;
}
.widget .widget_text h2{
	color:(--theme-color-3);
}
.textwidget h6{
 color:var(--theme-color-7);
}
.textwidget i{
	padding-right:10px;
}
.footer{
	position: relative;
}
#site-footer{
	padding-top: 66px;
}


/*---------Social Media-----------------*/
.footer .menu-social-media-container ul li a{
	font-size:18px;
	color:var(--theme-color-7);
}
.footer .menu-social-media-container ul li a :hover{
	color:var(--theme-color-5);
}
.widget .menu-social-media-container ul li {
   margin-right: 31px;
   margin-left:  25px;
   margin-top:  40px;
}
/*---------Newsletter-----------------*/
.noptin-optin-form-wrapper{
	background-color:transparent;
}
.noptin-optin-form-wrapper .noptin-form-header .noptin-form-heading{
  color:var(--theme-color-7);
  font-size:18px;
  border-width:0px;
}
.noptin-form-footer .noptin-form-fields input {
    color: var(--theme-color-7);
    background-color: transparent !important;
    border: 2px solid var(--theme-color-3);
    padding: 10px;
}
.noptin-form-footer .noptin-form-fields span{
	font-size:14px;	
}

.noptin-form-footer .noptin-form-fields .button:hover{
	color: var(--theme-color-3);
}
.noptin-optin-form-wrapper{
	color:var(--theme-color-3);
}
.noptin-form-footer{
	padding:0px;
}
.footer .noptin-error{
	border-color: 2px solid var(--theme-color-2);
	background-color:var(--theme-color-7);
	color:var(--theme-color-2);
}
#noptin-form-1__submit {
 font-size:14px;
 padding: 8px;
 width: 30%;
}
}



/*-----------------Footer-Bootom---------*/
.footerBottom .copyRight p a{
	color:var(--theme-color-7);
}
.copyRight p{
	color:var(--theme-color-7);
}
.bottomMenu ul li{
	color:var(--theme-color-7);
}
.copyRight a {
	color:var(--theme-color-7);
}
.copyRight a:hover{
	color:var(--theme-color-4);
}
/*---------------------------------------------

---------End Footer---------------
        
---------------------------------------------*/

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

-----contact us page start --------

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

.contactUsContentForm{
	border-radius: 18px;
}

.bookAnAppointmentMain{
	background-color: var(--theme-color-6);
	padding: 130px 25px;
}

.bookAnAppointmentMain .bookingContent h1{
	color: var(--theme-color-7);
}

.bookAnAppointmentMain .bookingContent p{
	color: var(--theme-color-3);
}

.bookAnAppointmentMain .bookingContent a{
	background-color: var(--theme-color-1);
    padding: 4px 15px;
    color: #ccd7e9;
	float:left;
}

.bookAnAppointmentMain .bookingContent a:hover{
	background-color: var(--theme-color-2);
    padding: 4px 15px;
    color: #ccd7e9;
	float:left;
}

.contactUsLocationWrap {
	text-align: center;
    padding: 5px;
}

.contactUsAddress{
	padding: 20px;
	background-color: var(--theme-color-1);
}

.contactUsPhone{
	padding: 20px;
	background-color: var(--theme-color-1);
	height: 320px;
}

.contactUsLocationWrap{
	max-width: 545px;
}

.contactUsLocationWrap li{
	background-color: var(--theme-color-7);
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 207px;
    margin-top: 35px;
    margin-bottom: 20px;
	font-size: 55px;
}

.contactUsLocationWrap li:hover{
	background-color: var(--theme-color-5);
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 207px;
    margin-top: 35px;
    margin-bottom: 20px;
	font-size: 55px;
}

.contactUsLocationWrap h3{
	color: var(--theme-color-3);
}

.contactUsLocationWrap h6{
	color: var(--theme-color-7);
	padding: 0px 10px 0px;
}

.contactUsLocationWrap p{
	color: var(--theme-color-7);
}

.contactLast .row{
	margin-left: 100px;
}

.contactUsContentForm input{
	width: 100%;
	padding: 10px;
	background-color: var(--theme-color-3);
	border-radius: 7px;
    color: #ffff;
}

.contactUsContentForm select{
	width: 100%;
    padding: 10px;
    background-color: var(--theme-color-3);
    border-radius: 7px;
    color: #ffff;
}

.contactUsContentForm textarea{
	width: 100%;
	height: 175px;
	padding: 10px;
	background-color: var(--theme-color-3);
	border-radius: 7px;
    color: #ffff;
}

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

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

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

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

.contactUsContentForm .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);
}

.contactUsContentForm .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);
}

.bookAnAppointmentMain .bookingImg{
	background-image: url(https://immigopro.ca/wp-content/uploads/2025/06/footer-bg4.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 77px;
}

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

-----contact us page end----------

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