@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}

@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
      url('../fonts/GeneralSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-Bold.woff2') format('woff2'),
      url('../fonts/GeneralSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
      url('../fonts/GeneralSans-Regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'General Sans';
  src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
      url('../fonts/GeneralSans-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.woff2') format('woff2'),
      url('../fonts/Helvetica-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-BoldOblique.woff2') format('woff2'),
      url('../fonts/Helvetica-BoldOblique.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.woff2') format('woff2'),
      url('../fonts/Helvetica.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Light.woff2') format('woff2'),
      url('../fonts/Helvetica-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Compressed.woff2') format('woff2'),
      url('../fonts/Helvetica-Compressed.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Oblique.woff2') format('woff2'),
      url('../fonts/Helvetica-Oblique.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

body{overflow-x: hidden; font-family: 'General Sans';   font-size: 15px; background-color: #fff;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

.container{max-width: 1300px;}

.mt_5{margin-top: 5rem;}
.mb_5{margin-bottom: 5rem;}
.pt_5{padding: 5rem;}
.pt_4{padding: 4rem;}
.pt_3{padding-top: 4rem;}
.pb_3{padding-bottom: 4rem;}
.pb_5{padding-bottom: 5rem;}
.pb_30{padding-bottom: 30px;}


.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #fff; transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1); transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);}
.overlayContent img{width:180px;}
.overlayContent p{color:#000; text-align: center; font-size: 15px; margin-top: 20px;}
#return-to-top {position: fixed; bottom: 60px; right: 10px;color: #000; transform: rotate(90deg); display: none; transition: all 0.3s ease;}
#return-to-top:hover { color: #000;}

.scroll-down::before {position: absolute; content: ""; letter-spacing: 2px; height: 1px; width: 30px; background:  #000; left: -45px; top: 49%; animation: upDown2 2s infinite;}
.scroll-down:hover{color: #000; text-decoration: none;}
.scroll-down:hover::before{background:  #000;}
@keyframes upDown2 { 0%, 20%, 50%, 80%, 

  100% { transform: translateX(0); }

  40% { transform: translateX(4px); }

  60% { transform: translateX(6px); } }

.Logo{width:180px;}
.middle_text {flex-direction: column; display: -webkit-flex; -webkit-box-pack: center; -webkit-justify-content: center;}
.Header_section img { width: 180px;}
.Header_section{padding:15px;}
.HeaderConnectButton{background: linear-gradient(90deg, #0077B6, #a0ddfe); padding: 8px 30px; border-radius: 8px; color: #fff; font-family: 'General Sans'; font-weight: 500; font-size: 15px;}
.HeaderConnectButton:hover{background: linear-gradient(90deg, #a0ddfe, #0077B6); padding: 8px 30px; border-radius: 8px; color: #fff; font-family: 'General Sans'; font-weight: 500; font-size: 15px;}
.navbar-light .navbar-nav .nav-link {color: #fff;  font-family: 'General Sans';}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: #0077B6; font-family: 'General Sans'; font-weight: 500; font-size: 15px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #0077B6; }
.navbar-light .navbar-nav .nav-link{padding: 0px 15px;}
.navbar {background: 'transparent';}
.navbar .navbar-nav .nav-link {color: #525252; font-family: 'General Sans'; cursor: pointer; font-weight: 500; font-size: 15px;}
.btn-outline-dark {border-radius: 0;}
.btn-outline-dark:focus {box-shadow: none;}
.BlurCircleTop{position: fixed; top: -170px; height: 450px; left: -161px; z-index: -1;}
header {padding: 15px 0px; width: 100%; z-index: 11; position: fixed; left: 0; right: 0; top:0}
header.menu_fixed{background: #fff; box-shadow: 0px 0px 21px -6px #0077B6;}
.HeaderPadding{margin-top: 30px;}
.relative{position: relative;}


.BannerBg{background: linear-gradient(#fff, #C4D5FF);}
.BannerHeadingSmall {color: #0077B6; font-family: 'Helvetica'; text-align: center; font-weight: 600; font-size: 15px;}
.BannerHeadingBig{font-family: Helvetica; color: #000; font-weight: 700; font-size: 43px; width: 890px; margin: auto; display: block; text-align: center;}
.BannerHeadingSmall img{width: 30px;}

.BannerTraingle01 { position: absolute; top: 45px; left: 50px; animation: rotateImage 5s linear infinite;}
.BannerTraingle02 {width: 30px; position: absolute; bottom: 34px; left: 300px; animation: rotateImage 5s linear infinite;}
.BannerTraingle03 {width: 35px; position: absolute; top: 190px; right: 400px; animation: rotateImage 5s linear infinite;}
.BannerTraingle04 {width: 25px; position: absolute; top: 380px; right: 140px; animation: rotateImage 5s linear infinite;}
.BannerTraingleCover01 {position: absolute; top: 200px; left: 330px; animation: rotateImage 5s linear infinite;}
.BannerTraingleCover02 {position: absolute; top: 160px; right: 100px; animation: rotateImage 5s linear infinite;}
@keyframes rotateImage {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.BannerRound01 {left: -27px; position: absolute; top: 300px; animation: upDown 2s infinite ease-in-out; }
.BannerRoundBordered02 {right: 346px; width: 18px; position: absolute; top: 120px; animation: upDown 2s infinite ease-in-out; }
.BannerRoundBordered01 {left: 220px; position: absolute; top: 120px; width: 25px; animation: upDown 2s infinite ease-in-out;}
.BannerRoundBordered03 {width: 18px; right: 30px; position: absolute; top: 350px; animation: upDown 2s infinite ease-in-out;}
@keyframes upDown {0%, 100% {transform: translateY(0);} 50% { transform: translateY(-20px); }}
.BannerGifImage {width: 330px; margin: auto; margin-top: 45px; display: block; opacity: 0; animation: fadeIn 4s ease-in forwards;}
@keyframes fadeIn {to {opacity: 1;}}



.FeeManagement { position: absolute; top: 130px; left: 45px; display: inline-block; transform: translateX(-100%); opacity: 0; animation: slideIn 2s ease-out forwards;}
.FeeManagement img{width: 160px;}
.FeeManagement p{text-align: center; color: #000; font-family: Helvetica; font-weight: 700; font-size: 14px;}
@keyframes slideIn {to {transform: translateX(0); opacity: 1;}}

.Library { position: absolute; bottom: 20px; left: 45px; display: inline-block; transform: translateX(-300%); opacity: 0; animation: slideIn 2s ease-out forwards;}
.Library img{width: 160px;}
.Library p{text-align: center; color: #000; font-family: Helvetica; font-weight: 700; font-size: 14px;}
@keyframes slideIn {to {transform: translateX(0); opacity: 1;}}

.Admission {position: absolute; bottom: 94px; left: 225px; display: inline-block; transform: translateX(-800%); opacity: 0; animation: slideIn 2s ease-out forwards;}
.Admission img{width: 160px;}
.Admission p{text-align: center; color: #000; font-family: Helvetica; font-weight: 700; font-size: 14px;}
@keyframes slideIn {to {transform: translateX(0); opacity: 1;}}

.AttendanceManagement { position: absolute; top: 130px; right: 210px; display: inline-block; transform: translateX(300%); opacity: 0; animation: slideIn 2s ease-out forwards;}
.AttendanceManagement img{width: 160px;}
.AttendanceManagement p{text-align: center; color: #000; font-family: Helvetica; font-weight: 700; font-size: 14px;}
@keyframes slideIn {to {transform: translateX(0); opacity: 1;}}

.Marksheet { position: absolute; bottom: 20px; right: 230px; display: inline-block; transform: translateX(800%); opacity: 0; animation: slideIn 2s ease-out forwards;}
.Marksheet img{width: 130px;}
.Marksheet p{text-align: center; color: #000; font-family: Helvetica; font-weight: 700; font-size: 14px;}
@keyframes slideIn {to {transform: translateX(0); opacity: 1;}}

.LeaveApproval {position: absolute; bottom: 94px; right: 40px; display: inline-block; transform: translateX(200%); opacity: 0; animation: slideIn 2s ease-out forwards;}
.LeaveApproval img{width: 130px;}
.LeaveApproval p{text-align: center; color: #000; font-family: Helvetica; font-weight: 700; font-size: 14px;}
@keyframes slideIn {to {transform: translateX(0); opacity: 1;}}

.BannerArrow { position: absolute; top: 132px; left: 415px; width: 67px;}
.BannerBlueLine {position: absolute; top: 136px; right: 439px; width: 145px;}


.SolutionBg{background:#0077B6; padding:20px 0px}
.SolutionsHeading{font-family: 'Helvetica'; margin-bottom: 35px; text-align: center; color: #fff; font-weight: 700; font-size: 30px;}
.SolutionsImages{width: 100%;}
.SolutionsImages img{width: 60px; margin: auto; display: block;}
.SolutionsImages p{font-family: General Sans; text-align: center; color: #fff; font-weight: 400; font-size: 15px; margin: 10px 0px 0px 0px;}
.SolutionsImages::after{content: ''; height: 45px; width: 1.5px; background: #fff; position: absolute; right: -0px; top: 30px; }
.SolutionsInstutes{width: 100%;}
.SolutionsInstutes img{width: 60px; margin: auto; display: block;}
.SolutionsInstutes p{font-family: General Sans; text-align: center; color: #fff; font-weight: 400; font-size: 15px; margin: 10px 0px 0px 0px;}

.HeadingMiddle{text-align: center;}
.HeadingText{display: block;}
.HeadingText h2{margin: 0px; font-family: Helvetica; font-weight: 700; color: #000; font-size: 45px;}
.HeadingWidth{width: 390px;}




.OffringPara{font-family: General Sans; color: #000; padding-bottom: 25px; padding-top: 25px; font-size: 18px; font-weight: 300; width: 410px;}
.KnowMoreButton{font-family: Helvetica; font-weight: 700; color: #fff; background: #000; padding: 13px 45px; border-radius: 25px;}
.KnowMoreButton:hover{color: #fff; background: #004f79;}

.OffringCardOne{background: #fff0fc; padding: 15px; border-radius: 10px; box-shadow: -1px 1px 15px -8px #000;}
.OffringCardIconBgOne{background: #cf2cb1; height: 45px; width: 45px; border-radius: 6px; padding: 7px;}
.OffringCardIconBgOne img{width: 32px;}
.OffringCardHeading{font-family: General Sans; font-size: 16px; font-weight: 400; margin-top: 15px;}
.OffringCardPara{font-family: General Sans; font-weight: 300; font-size: 15px; margin: 0px; color: rgba(0,0,0, 0.5);}

.OffringCardTwo{background: #effff0; padding: 15px; border-radius: 10px; box-shadow: -1px 1px 15px -8px #000;}
.OffringCardIconBgTwo{background: #38cf45; height: 45px; width: 45px; border-radius: 6px; padding: 7px;}
.OffringCardIconBgTwo img{width: 32px;}

.OffringCardThree{background: #ebf1ff; padding: 15px; border-radius: 10px; box-shadow: -1px 1px 15px -8px #000;}
.OffringCardIconBgThree{background: #96b8ff; height: 45px; width: 45px; border-radius: 6px; padding: 7px;}
.OffringCardIconBgThree img{width: 32px;}

.OffringCardFour{background: #ffebfb; padding: 15px; border-radius: 10px; box-shadow: -1px 1px 15px -8px #000;}
.OffringCardIconBgFour{background: #f56edc; height: 45px; width: 45px; border-radius: 6px; padding: 7px;}
.OffringCardIconBgFour img{width: 32px;}

.OffringCardFive{background: #ffede2; padding: 15px; border-radius: 10px; box-shadow: -1px 1px 15px -8px #000;}
.OffringCardIconBgFive{background: #eb6c22; height: 45px; width: 45px; border-radius: 6px; padding: 7px;}
.OffringCardIconBgFive img{width: 32px;}

.FeaturesBg{background: #0077B6;}
.FeaturesHeading{font-family: 'Helvetica'; margin-bottom: 25px; text-align: center; color: #fff; font-weight: 700; font-size: 35px;}
.FeaturesMobile{width: 220px; margin: auto; display: block; z-index: 1; position: relative;}


.FeaturesMobileBorder{border: 1px solid #fff; width: 100px; position: absolute; top: 60px; left: -27px;}
.FeaturesMobileBorderTwo{border: 1px solid #fff; width: 100px; position: absolute; top: 200px; left: -27px;}
.FeaturesMobileBorderThree{border: 1px solid #fff; width: 100px; position: absolute; bottom: 115px; left: -27px;}
.FeaturesMobileBorderFour{border: 1px solid #fff; width: 100px; position: absolute; top: 60px; right: -27px;}
.FeaturesMobileBorderFive{border: 1px solid #fff; width: 100px; position: absolute; top: 200px; right: -27px;}
.FeaturesMobileBorderSix{border: 1px solid #fff; width: 100px; position: absolute; bottom: 115px; right: -27px;}
.FeaturesNoBg{height: 35px; width: 35px; position: absolute; top: 95px; left: -45px; background: #fff; border-radius: 5px; font-family: 'General Sans'; color: #0077B6; font-size: 15px; font-weight: 600;}
.FeaturesNoBgTwo{height: 35px; width: 35px; position: absolute; bottom: 180px; left: -45px; background: #fff; border-radius: 5px; font-family: 'General Sans'; color: #0077B6; font-size: 15px; font-weight: 600;}
.FeaturesNoBgThree{height: 35px; width: 35px; position: absolute; bottom: 50px; left: -45px; background: #fff; border-radius: 5px; font-family: 'General Sans'; color: #0077B6; font-size: 15px; font-weight: 600;}
.FeaturesNoBgFour{height: 35px; width: 35px; position: absolute; top: 95px; right: -45px; background: #fff; border-radius: 5px; font-family: 'General Sans'; color: #0077B6; font-size: 15px; font-weight: 600;}
.FeaturesNoBgFive{height: 35px; width: 35px; position: absolute; bottom: 180px; right: -45px; background: #fff; border-radius: 5px; font-family: 'General Sans'; color: #0077B6; font-size: 15px; font-weight: 600;}
.FeaturesNoBgSix{height: 35px; width: 35px; position: absolute; bottom: 50px; right: -45px; background: #fff; border-radius: 5px; font-family: 'General Sans'; color: #0077B6; font-size: 15px; font-weight: 600;}
.FeaturesText{padding-top: 50px; padding-right: 44px;}
.FeaturesTextHeading{font-family: 'General Sans'; margin-bottom: 20px; text-align: right; color: #fff; font-size: 16px; font-weight: 600;}
.FeaturesTextPara{font-family: 'General Sans'; text-align: right; color: #fff; font-weight: 300; font-size: 14px;}
.FeaturesTextTwo{padding-top: 20px; padding-right: 44px;}
.FeaturesTextThree{padding-top: 10px; padding-right: 44px;}

.FeaturesTextLeft{padding-top: 50px; padding-left: 44px;}
.FeaturesTextHeadingLeft{font-family: 'General Sans'; margin-bottom: 20px; color: #fff; font-size: 16px; font-weight: 600;}
.FeaturesTextParaLeft{font-family: 'General Sans'; color: #fff; font-weight: 300; font-size: 14px;}
.FeaturesTextTwoLeft{padding-top: 20px; padding-left: 44px;}
.FeaturesTextThreeLeft{padding-top: 10px; padding-left: 44px;}

.circles {height: 50px; width: 50px; z-index: 1; position: absolute; top: 36px; left: -52px; > div {animation: growAndFade 2s infinite ease-out; background-color: #fff; border-radius: 50%; height: 100%; opacity: 0; position: absolute; width: 100%;}
.circle1 {animation-delay: 1s;    }
.circle2 {animation-delay: 1.5s; }
.circle3 {animation-delay: 2s;}
.circle4 {animation-delay: 2.5s;}
.circle5 { animation-delay: 3s; }
}
.circlesTwo {height: 50px; width: 50px; z-index: 1; position: absolute; top: 176px; left: -52px; > div {animation: growAndFade 2s infinite ease-out; background-color: #fff; border-radius: 50%; height: 100%; opacity: 0; position: absolute; width: 100%;}
.circle1 {animation-delay: 1s;    }
.circle2 {animation-delay: 1.5s; }
.circle3 {animation-delay: 2s;}
.circle4 {animation-delay: 2.5s;}
.circle5 { animation-delay: 3s; }
}
.circlesThree {height: 50px; width: 50px; z-index: 1; position: absolute; bottom: 91px; left: -52px; > div {animation: growAndFade 2s infinite ease-out; background-color: #fff; border-radius: 50%; height: 100%; opacity: 0; position: absolute; width: 100%;}
.circle1 {animation-delay: 1s;    }
.circle2 {animation-delay: 1.5s; }
.circle3 {animation-delay: 2s;}
.circle4 {animation-delay: 2.5s;}
.circle5 { animation-delay: 3s; }
}
.circlesFour {height: 50px; width: 50px; z-index: 1; position: absolute; top: 36px; right: -52px; > div {animation: growAndFade 2s infinite ease-out; background-color: #fff; border-radius: 50%; height: 100%; opacity: 0; position: absolute; width: 100%;}
.circle1 {animation-delay: 1s;    }
.circle2 {animation-delay: 1.5s; }
.circle3 {animation-delay: 2s;}
.circle4 {animation-delay: 2.5s;}
.circle5 { animation-delay: 3s; }
}
.circlesFive {height: 50px; width: 50px; z-index: 1; position: absolute; top: 176px; right: -52px; > div {animation: growAndFade 2s infinite ease-out; background-color: #fff; border-radius: 50%; height: 100%; opacity: 0; position: absolute; width: 100%;}
.circle1 {animation-delay: 1s;    }
.circle2 {animation-delay: 1.5s; }
.circle3 {animation-delay: 2s;}
.circle4 {animation-delay: 2.5s;}
.circle5 { animation-delay: 3s; }
}
.circlesSix {height: 50px; width: 50px; z-index: 1; position: absolute; bottom: 91px; right: -52px; > div {animation: growAndFade 2s infinite ease-out; background-color: #fff; border-radius: 50%; height: 100%; opacity: 0; position: absolute; width: 100%;}
.circle1 {animation-delay: 1s;    }
.circle2 {animation-delay: 1.5s; }
.circle3 {animation-delay: 2s;}
.circle4 {animation-delay: 2.5s;}
.circle5 { animation-delay: 3s; }
}

@keyframes growAndFade {
  0% {opacity: .9;transform: scale(0);}
  100% {opacity: 0; transform: scale(1);
}}


.DownloadMobile{width: 280px; margin: auto; display: block; z-index: 1; position: relative;}
.DownloadSmallHeading{margin-bottom: 25px; margin-left: 45px;}
.DownloadSmallHeading h4{font-family: 'General Sans'; font-weight: 600; font-size: 15px; background: linear-gradient(to right, #0077B6, #a0ddfe, #0077B6, #a0ddfe); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }
.DownloadSmallHeading p{font-family: 'General Sans'; margin-left: 75px; font-size: 14px; color: rgba(0, 0, 0, 0.60); font-weight: 500; width: 510px;}
.DownloadIconOne{width: 30px; position: absolute; left: 10px; z-index: 1;}
.DownloadIconTwo{width: 30px; position: absolute; left: 10px; z-index: 1; bottom: 254px;}
.DownloadIconThree{width: 30px; position: absolute; left: 10px; z-index: 1; bottom: 160px;}
.DownloadIconBorder{position: absolute; left: 24px; height: 210px;}
.DownloadPlayStore{width: 160px;}

.nav-pills .nav-link.active {color: #0077b6; background-color: #fff; width: 230px; text-align: left; font-family: Helvetica; font-weight: 800; font-size: 13px;}
.nav-pills .nav-link {background: 0 0; border: 0; border-radius: .25rem; color: rgba(255, 255, 255, 0.5); width: 230px; text-align: left; font-family: 'General Sans'; font-weight: 200; font-size: 13px; margin: 2px 0px;}
.ManagementSystemMobile{margin: auto; display: block; width: 260px; z-index: 1; position: relative;}

.login_container_box::before {content: ""; width: 400px; height: 480px; position: absolute; top: 15px; border-radius: 50%; right: 15px; background: #fff; opacity: 0.7; filter: blur(100px);}

.HeadingTextTwo{display: block;}
.HeadingTextTwo h2{margin: 0px; font-family: Helvetica; font-weight: 700; color: #000; font-size: 35px; text-align: center;}
.UsersPara{font-family: 'General Sans'; font-size: 14px; color: rgba(0, 0, 0, 0.60); font-weight: 500; text-align: center; padding-top: 30px; width: 800px; margin: auto;}
  
.BookFreeButton{background: linear-gradient(90deg, #0077B6, #a0ddfe); padding: 8px 30px; border-radius: 8px; color: #fff; font-family: 'General Sans'; font-weight: 500; font-size: 15px;}
.BookFreeButton:hover{background: linear-gradient(90deg, #a0ddfe, #0077B6); padding: 8px 30px; border-radius: 8px; color: #fff; font-family: 'General Sans'; font-weight: 500; font-size: 15px;}

.ClientBg{background: url(../img/ClientBg.png) no-repeat; background-size: cover;}  




.nav-tabs {border-bottom: transparent;}
.nav-tabs .nav-link.active {color: #0077B6; background-color: #fff; border-radius: 5px; font-family: 'General Sans'; font-weight: 600; font-size: 16px; margin: 0px 15px; padding: 7px 30px;}
.nav-tabs .nav-link {color: #F1F1F1; background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; font-family: 'General Sans'; font-weight: 600; font-size: 16px; margin: 0px 15px; padding: 7px 30px; border: 1px rgba(255, 255, 255, 0.5);}

footer{background: #0077B6; color: #fff;}
.FooteHeading{margin: 0px; font-family: Helvetica; font-weight: 700; color: #fff; font-size: 30px;}
.FooterPara{font-family: 'General Sans'; color: #fff; font-weight: 300; font-size: 14px; margin-top: 15px;}
.FooterDownloadNowText{font-family: 'General Sans'; margin-top: 100px; margin-bottom: 10px; color: #fff; font-size: 16px; font-weight: 600;}
.FooterQR{width: 100px; margin-right: 15px;}

.FooterInput{background: rgba(255, 255, 255, 0.6); width: 100%; border-radius: 5px; margin-bottom: 15px; font-family: Helvetica; border: 1px solid #fff; padding: 10px; font-weight: 600; color: #101010; font-size: 14px;}
.FooterCopyright{padding: 15px 0px; border-top: 1px solid rgba(255, 255, 255, 0.3); margin-top: 10px;}
.FooterTearms{font-family: General Sans; padding: 0px 20px 0px 0px; color: #fff; font-size: 14px; font-weight: 400; margin: 0px;}
.FooterTearms:hover{color: #000;}
.FooterTearms::after{content: ''; height: 20px; width: 1.5px; background: #fff; position: absolute; left: 130px; top: 2px;}
.FooterPrivacy{font-family: General Sans; color: #fff; font-size: 14px; font-weight: 400; margin: 0px;}
.FooterPrivacy:hover{color: #000;}
.FooterCopyrightText{font-family: General Sans; color: #fff; font-size: 14px; font-weight: 400; margin: 0px; text-align: right;}




.FooterTraingle01 {filter: brightness(0) invert(1); position: absolute; top: 35px; left: -35px; width: 45px; animation: rotateImage 5s linear infinite;}
.FooterTraingle02 {filter: brightness(0) invert(1); width: 30px; position: absolute; bottom: 34px; left: 300px; animation: rotateImage 5s linear infinite;}
.FooterTraingle03 {filter: brightness(0) invert(1); width: 35px; position: absolute; top: 190px; left: 444px; animation: rotateImage 5s linear infinite;}
.FooterTraingle04 {filter: brightness(0) invert(1); width: 25px; position: absolute; bottom: 40px; right: 500px; animation: rotateImage 5s linear infinite;}
.FooterTraingleCover01 {filter: brightness(0) invert(1); position: absolute; top: 20px; left: 424px; animation: rotateImage 5s linear infinite;}
.FooterTraingleCover02 {filter: brightness(0) invert(1); position: absolute; top: 160px; right: -20px; animation: rotateImage 5s linear infinite;}
@keyframes rotateImage {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
.FooterRound01 {filter: brightness(0) invert(1); width: 20px; left: -20px; position: absolute; top: 300px; animation: upDown 2s infinite ease-in-out; }
.FooterRoundBordered02 {filter: brightness(0) invert(1); right: 346px; width: 18px; position: absolute; top: 0px; animation: upDown 2s infinite ease-in-out; }
.FooterRoundBordered01 {filter: brightness(0) invert(1); left: 220px; position: absolute; top: 120px; width: 25px; animation: upDown 2s infinite ease-in-out;}
.FooterRoundBordered03 {filter: brightness(0) invert(1); width: 18px; right: 30px; position: absolute; bottom: 30px; animation: upDown 2s infinite ease-in-out;}
@keyframes upDown {0%, 100% {transform: translateY(0);} 50% { transform: translateY(-20px); }}




.carousel-inner {position: relative; width: 900px; margin: auto; overflow: hidden; background: #fff; border: 1px solid #0077B6 !important;}
.SliderImage{width: 200px; border-left: 6px solid #0077B6;}
.TestimonialArrow{width: 45px;}
.rating span {color: gold; font-size: 25px;}
.TestimonialVector{width: 35px;}
.TestimonialPara{margin: 20px 0px 0px 0px; color: #000; font-family: General Sans; font-weight: 500; font-size: 16px;}
.TestimonialSmallPara{margin: 3px 0px 3px 0px; color: rgba(0, 0, 0, 0.60); font-family: General Sans; font-weight: 500; font-size: 12px;}

.carousel-control-next{opacity: 1;}
.carousel-control-prev {opacity: 1;}