/*1. Animate css, 2. Smartmenus css, 3. Slick css, 4. Reset css, 5. Core css, 6. custom css*/
/* =================animate css starts here================= */
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
.fadeIn{-webkit-animation-name:fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
/* =================animate css ends here================= */
/* =================smartmenus css start here================= */
.navbar-nav.sm-collapsible .sub-arrow{position: absolute;	top: 50%; right: 0; margin: -0.7em 0.5em 0 0; border: 1px solid rgba(0, 0, 0, .1); border-radius: .25rem; padding: 0; width: 2em; height: 1.4em; font-size: 1.25rem; line-height: 1.2em; text-align: center;}
.navbar-nav.sm-collapsible .sub-arrow::before{content: '+';}
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before{content: '-';}
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow{border-color: rgba(255, 255, 255, .1);}
.navbar-nav.sm-collapsible .has-submenu{padding-right: 3em;}
.navbar-nav.sm-collapsible .nav-link,.navbar-nav.sm-collapsible .dropdown-item{position: relative;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display: inline-block;width: 0; height: 0;margin-left: .255em; vertical-align: 2px; border-top: .3em solid; border-right: .3em solid transparent; border-left: .3em solid transparent;}
.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow, .fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after{border-top: 0; border-bottom: .3em solid;}
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after{position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-top: -.3em; margin-right: 1em; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-left: .3em solid;}
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {padding-right: 2em;}
.navbar-nav .scroll-up, .navbar-nav .scroll-down{position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center;}
.navbar-nav .scroll-up-arrow, .navbar-nav .scroll-down-arrow{position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid; border-left: 7px solid transparent;}
.navbar-nav .scroll-down-arrow {top: 6px; border-top: 7px solid; border-right: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid transparent;}
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {margin: .5em;}
.navbar-nav:not([data-sm-skip]) .dropdown-item{white-space: normal;}
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item{white-space: nowrap;}
/* =================smartmenus css ends here================= */
/* =================slick css ends here================= */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block; width: 100%}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-loading .slick-list{background:#fff url('../images/ajax-loader.gif') center center no-repeat;}
.slick-prev, .slick-next {z-index: 99;font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;float: left;padding: 0;color: transparent;border: none;outline: none;width: 52px;height: 52px;background: #5C175B;border-radius: 100px;transform: matrix(1, 0, 0, -1, 0, 0);}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .3; }
.slick-prev:before, .slick-next:before {font-family: 'font Awesome 5 Free';font-weight: 900;font-size: 16px;line-height: 1;opacity: 0.9;color: #fff; text-shadow:0 5px 5px rgba(0,0,0,0.2);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: transparent; border-radius: 50%;display: inline-block;padding: 0;}
.slick-prev {left: -50px;}
.slick-prev:before { content: "\f053"; }
.slick-next {right: -50px;}
.slick-next:before { content: "\f054"; }
.slick-slider {margin-bottom: 0; padding-bottom: 0px;}
.slick-dots {position: absolute;bottom: 0;display: block;width: 100%;padding: 0;list-style: none;text-align: center;vertical-align: top;}
.slick-dots li {position: relative;display: inline-block; margin: 0 0px;padding: 0 !important;text-align:center;cursor: pointer;vertical-align: top;}
.slick-dots li button {font-size: 0;line-height: 0;display: inline-block;width: 15px;height: 15px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background:transparent;opacity: 1;border:solid 1px #5C175B;border-radius: 50%;vertical-align: top;margin: 5px 6px;}
.slick-dots li.slick-active button, .slick-dots li:hover button{opacity:1; background-color: #5C175B;}
.white-dots .slick-dots li button {border-color:#fff; background: #fff; opacity: 0.4;}
.white-dots  .slick-dots li.slick-active button, .white-dots  .slick-dots li:hover button{ background-color: #fff; opacity: 1;}
/* =================slick css end here=================  */
/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
a { text-decoration: none; border: 0; outline: 0; }
ul {list-style: none;}
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }
/* =================reset css ends here================= */
/* =================core css starts here================= */
body { font-size: 15px; line-height: 26px;padding-top: 92px; font-weight: 300;font-family: 'Poppins', sans-serif;color: #132222; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: 100%; max-width: 1200px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in;  -webkit-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color: #F9566A; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #000; opacity: 0.5; }
::-moz-placeholder { color: #000; opacity: 0.5; }
:-moz-placeholder { color: #000; opacity: 0.5; }
:-ms-input-placeholder { color: #000; opacity: 0.5; }
.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}
img {max-width: 100%; border:0; height: auto;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 24px; line-height: 1.2; font-weight: 700; color: inherit;color: #000;}
h1 {font-size: 58px;}
h2 {font-size: 48px;}
h3 {font-size: 40px;}
h4 {font-size: 30px;}
h5 {font-size: 26px;}
h6 {font-size: 22px;}
p {margin: 0px; padding: 0px; margin-bottom: 24px; }
strong {font-weight: 700;}
b {font-weight: 400;}
p:last-child {margin-bottom: 0;}
.btn {border-radius: 100px;padding: 18px 15px;min-width: 170px;box-shadow: none;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;font-weight: 600;font-size: 16px;line-height: 24px;}
.btn-default, .btn-default:focus {color: #fff;border: solid 1px #F9566A;background: #F9566A;border-radius: 100px;}
.btn-default:hover,.btn-default:active { color: #F9566A; background-color:transparent; border-color: #F9566A; }
.btn-primary,.btn-primary:focus { color: #fff; background-color: #333; border: solid 1px #333; }
.btn-primary:hover,.btn-primary:active { color: #333; background-color: transparent; border-color: #333; }
.btn.btn-block{min-width: 100%;}
.btn+.btn {margin-left: 25px;}
.btn:focus {box-shadow: unset;}
.btn-outline {color: #F9566A;background-color: transparent;border-color: #F9566A;}
.btn-outline:hover{color: #fff;background-color: #F9566A;}
.btn-green {background: #01A49F;border: 1px solid #01A49F;}
.btn-green:hover { color: #01A49F;background: transparent !important;border: 1px solid #01A49F;}
.btn-square {border-radius: 4px !important;padding: 13px 20px;font-style: italic;}
.btn-square i {margin-left: 10px;}
ul:not([class]) {list-style: none;margin-bottom: 15px;text-align:left;line-height: 22px;}
ul:not([class]) > li {padding-left: 16px;position: relative;margin-bottom: 14px;}
ul:not([class]) > li:last-child{margin-bottom: 0;}
ul:not([class]) > li:before {content: '';position: absolute;left: 2px;top:10px;background: #000;height: 5px;width: 5px; border-radius: 50%;}
.grey-bg{background: #f2f3fa;}
/* =================core css ends here================= */
/* ================= Header Start ================= */
#header{color: #333;background-color: transparent;position: fixed;left: 0;top: 0;right: 0;padding: 0;z-index: 9999;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;display: flex;align-items: center;}
.fixed #header{background-color: #fff; box-shadow: 0 5px 8px rgba(0,0,0,0.1);}
.navbar{padding: 0; width: 100%; height: 100px;} 
.navbar-brand { width: 155px; padding: 0; margin: 0; position: relative; z-index: 999;}
.navbar-expand-xl .navbar-nav .nav-item{margin: 0 6px;}
.navbar-expand-xl .navbar-nav .nav-link {font-weight: 300;transition: all .2s linear;padding: 2px 15px;margin: 0;border-radius: 50px;font-family: 'Poppins', sans-serif;font-size: 16px;line-height: 24px;color: #101414;}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item.active .nav-link{color: #F9566A !important;}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{}
.nav-inside{width: 100%;padding: 0;}
.header-right{margin-left: 15px;}
.nav-inside-content{padding: 30px 0;}
/*.fixed #header .navbar-expand-xl .navbar-nav .nav-link{color: #000;}
.fixed #header .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link{color: #333 !important;}*/
@media only screen and (min-width: 1200px) {
.navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; background: #fff; color: #000;   min-width: 180px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); border: 0; border-radius: 0; transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.dropdown-item { color: #000; padding: 5px 15px;  font-weight: 400;}
.dropdown-item:focus, .dropdown-item:hover{color:#000; background: transparent;}
} 
.navbar-toggler {width: 45px;height: 45px;border-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;position: absolute;top: 0;right: 0;}
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover {background: transparent;}
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .icon-bar {position: relative;display: inline-block;width: 22px;height: 4px;color: #243238;text-indent: -55px;margin-top: 0;background: transparent!important;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;vertical-align: middle;}
.navbar-toggler .icon-bar:before, .navbar-toggler .icon-bar:after {content: '';width: 22px;height: 4px;background: #005983;position: absolute;left: 0;transition: all .2s ease-out;}
.navbar-toggler.collapsed .icon-bar {background: #005983!important;}
.navbar-toggler.collapsed .icon-bar:before, .navbar-toggler.collapsed .icon-bar:after {background: #005983;}
.navbar-toggler.collapsed .icon-bar:before {top: -8px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after {bottom: -8px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
#header .navbar-collapse {justify-content: right;}
.navbar-expand-xl .navbar-nav >li:last-child {margin-right: 0;}
.navbar-expand-xl .navbar-nav .sign-link a {background: #F9566A;border: 1px solid #F9566A;border-radius: 100px !important;min-width: 145px;padding: 10px 16px !important;font-weight: 600;font-size: 18px;line-height: 27px;color: #fff;text-align: center;text-transform: uppercase;margin-top: -8px;}
.sign-link a i {margin-left: 7px;}
.navbar-expand-xl .navbar-nav .sign-link a:hover {background: #fff; color: #F9566A;}
/* ================= Header End ================= */
/* ================= Footer Start ================= */
#footer {padding: 20px 0;}
.f-pink-overlay{position: relative;}
.f-pink-left-effect {position: absolute;width: 557px;height: 557px;left: -137px;top: 18px;background: #F9566A;opacity: 0.13;filter: blur(167px);z-index: -1;}
.footer-logo {width: 200px;margin-bottom: 20px;}
.company-info {font-size: 16px;line-height: 29px;letter-spacing: 0.02em;color: #404649;margin-bottom: 20px;}
.footer-links {padding-left: 30px;}
.footer-links h3{font-size: 20px;margin-bottom: 20px;letter-spacing: 0.02em;font-weight: 600;}
ul.fl-list li {padding: 3px 0;}
ul.fl-list li>a {font-size: 16px;line-height: 29px;color: #404649;}
ul.fl-list li>a:hover{color: #F9566A;}
ul.fl-social-list li {margin-right: 12px;}
ul.fl-social-list li a {transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;font-size: 18px;width: 48px;height: 48px;background: rgb(1 164 159 / 10%);color: #01A49F;border-radius: 50%; display: flex;align-items: center;justify-content: center;}
ul.fl-social-list li a:hover {border: 1px solid #01A49F;}
.footer-top {padding: 0px 0 40px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.copyright-box {background: #01A49F;border-radius: 12px;padding: 15px 30px;}
.cpb-left p {font-weight: 400;font-size: 16px;letter-spacing: 0.02em;color: #FFFFFF;}
.ft-search {position: relative;width: 547px;}
.ft-search .form-control {height: 70px;text-indent: 40px;background: #24B1AD;border-radius: 12px;border: 1px solid #24B1AD;letter-spacing: 0.02em;color: #FFFFFF;}
.ft-search .form-control::-webkit-input-placeholder { color: #fff; opacity: 1; }
.ft-search .form-control::-moz-placeholder { color: #fff; opacity: 1; }
.ft-search .form-control:-moz-placeholder { color: #fff; opacity: 1; }
.ft-search .form-control:-ms-input-placeholder { color: #fff; opacity: 1; }
.ft-search input:focus{box-shadow: none;}
.ft-search i {position: absolute;top: 27px;left: 20px;color: #fff;}
.ft-search .btn {position: absolute;top: 11px;right: 11px;height: 50px;width: 110px;background: #F9566A;border-radius: 8px;border: 1px solid #F9566A;line-height: 14px;font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase;box-shadow: unset !important;}
.ft-search .btn:hover{color: #fff;background: transparent;border: 1px solid #fff;}

/* ================= Footer End ================= */

/* ================= Content Start ================= */
.content-container{padding: 60px 0;}
.hero-container {padding: 77px 0 97px;background: url(../images/banner-bg.png);position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.hc-left{width: 55%;}
.hc-right{width: 45%;}
.hero-content h3 {font-weight: 700;font-size: 61px;line-height: 78px;color: #1C2929;text-transform: capitalize;margin-bottom: 10px;}
.hero-content h3 span {position: relative;display: inline-block;}
.hero-content h3 span:before {position: absolute;content: "";background: #FBD574;height: 15px;width: calc(100% - 20px);bottom: 12px;left: 50%; z-index: -1;right: 0;transform: translateX(-50%);}
.hero-content p {font-weight: 300;font-size: 15px;line-height: 29px;}
.float-image{position: relative;}
.fi-left-icon{position: absolute;left: 0;bottom: 31px;}
.fi-right-icon{position: absolute;top: 30px;right: 15px;}
.fi-right-bottom-icon {bottom: 42px;top: unset;}
.fi-left-top-icon {bottom: unset;top: 35px;left: 15px;}
.light-bg{background: #F5F5F5;}
.pt-img{width: 45%;}
.pt-text{width: 55%;padding-left: 30px;}
.pt-text h3 {font-size: 45px;line-height: 58px;color: #1C2929;}

.heading{position: relative;margin-bottom: 30px;}
.heading h3 {font-size: 40px;line-height: 50px;color: #1C2929;margin-bottom: 10px;}
.heading p {font-size: 15px;line-height: 26px;color: #132222;}
.pink-bg{background: #FFF8F8;}
.pink-overlay{position: relative;}
.pink-effect {position: absolute;width: 557px;height: 557px;background: rgba(255, 0, 31, 0.76);opacity: 0.13;filter: blur(167px);top: 0px;left: 0px;}
.ai-content{width: 65%;padding-right: 30px;}
.ai-img{width: 35%;}
.heading h4 {font-size: 32px;line-height: 43px;color: #1C2929;margin-bottom: 10px;font-weight: 600;}
.sb-img{width: 45%;}
.sb-content{width: 55%;padding-left: 30px;}
.sb-content h4 {font-size: 36px;font-weight: 700;line-height: 45px;text-align: left;text-transform: capitalize;}
.green-bg {background: rgb(0 163 158 / 4%);}
.git-left {width: 65%;padding-right: 50px;}
ul.git-list li{width: 50%;}
.git-right{width: 35%;}
.gl-info p {color: #01A49F;margin-bottom: 5px;}
.gl-info a {font-size: 18px;font-weight: 400;line-height: 30px;margin-bottom: 11px;}
.form-group{margin-bottom: 20px;}
.form-control {border: 1px solid rgb(31 56 64 / 33%);box-shadow: unset !important;height: 55px;border-radius: 5px;}
.form-control:focus{border-color: #F9566A;}
textarea.form-control {height: 154px;}
.gl-img {height: 688px;border-radius: 200px;overflow: hidden;}
.gl-img img {width: 100%;height: 100%;object-fit: cover;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){
body{padding-top: 80px;} 
.navbar{padding:0 15px;width: 100%; height: 80px;}  
header#header,.fixed #header {background: #fff;}
.navbar-toggler {width: 42px;height: 42px;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;position: absolute;right: 20px;top: 50%;z-index: 999;transform: translateY(-50%);border-radius: 6px;}
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover {box-shadow: unset;background: #01A49F;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover {background: #01A49F;}
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .navbar-toggler-icon {position: relative;display: inline-block;width: 23px;height: 3px;color: #243238;text-indent: -55px;margin-top: 0;background: transparent!important;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;vertical-align: middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after {content: '';width: 23px;height: 3px;background: #fff;position: absolute;left: 0;transition: all .2s ease-out;}
.navbar-toggler.collapsed .navbar-toggler-icon {background: #fff!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after {background: #fff;}
.navbar-toggler.collapsed .navbar-toggler-icon:before {top: -10px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .navbar-toggler-icon:after {bottom: -10px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.header-right{position: relative;z-index: 999;margin-right: 50px;}
.navbar-collapse, .navbar-collapse.collapsing{position:fixed;top: 80px;left: 0;background: rgb(222 242 242);padding: 0;z-index:99;margin:0;border:0;overflow-y:auto;bottom: 0;width: 100%;height:0;display: block !important;transition: all .3s cubic-bezier(0.77,0.2,0.05,1.0); }
.navbar .collapse.show{height: calc(100vh - 80px);}
.navbar-inside{height: calc(100vh - 80px);padding: 15px 15px; display: flex;flex-flow: column;}
.navbar-expand-xl .navbar-nav .nav-item{padding: 0;margin: 0;}
.navbar-expand-xl .navbar-nav .nav-link{padding: 10px 15px;position:relative;    color: #000;}
.navbar-nav.sm-collapsible .sub-arrow{border:0;margin: 0;width: auto;font-size: 30px;line-height: 60px;top: 0;height: 60px;color: #7bb52b;width: 40px;}
.dropdown-menu{background:transparent;border:0;padding: 0;margin: 0 0 20px 0;}
.dropdown-item {padding: 7px 20px 7px 40px;}
.dropdown-item:focus, .dropdown-item:hover{color: #fff;background:transparent;}
.search-link-disable{display: none;}
.navbar-expand-xl .navbar-nav .sign-link a {width: 145px;margin-top: 10px;}
.hero-content h3 {font-size: 56px;line-height: 70px;}
.btn {padding: 12px 15px;}
.pt-text {padding-left: 35px;}
.pt-text h3 {font-size: 38px;line-height: 49px;margin-bottom: 15px;}

}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
.content-container {padding: 30px 0;}
.hero-content {flex-flow: column-reverse;}
.hc-right, .hc-left {width: 100%;}
.hc-right {margin-bottom: 20px;    text-align: center;}
.hero-content h3 {font-size: 45px;line-height: 56px;}
.hero-content h3 span:before {height: 10px;}
.pt-img {width: 100%;text-align: center;}
.pt-text {padding-left: 0px;width: 100%;padding-top: 20px;}
.ai-box {flex-flow: column-reverse;}
.ai-img {width: 100%;text-align: center;}
.ai-content { width: 100%;padding-right: 0;padding-top: 25px;}
.ai-content p {margin-bottom: 10px;}
.heading h3 {font-size: 32px;line-height: 40px;}
.heading h4 {font-size: 28px;line-height: 37px;}
.sb-img {width: 100%;text-align: center;}
.sb-content {width: 100%;padding-left: 0px;padding-top: 25px;}
.sb-content h4 {font-size: 28px;line-height: 34px;margin-bottom: 15px;}
.gl-img {height: 575px;}
ul.fl-social-list {margin-bottom: 35px;}
.footer-links {padding-left: 0px;}
.cpb-left {width: 100%;text-align: center;margin-bottom: 20px;}
.cpb-right,.ft-search {width: 100%;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
.navbar-brand {width: 125px;}
.content-container {padding: 35px 0;}
.fi-left-icon,.fi-right-bottom-icon{display: none;}
.hero-link .btn {min-width: 135px;padding: 8px 15px;}
.hero-container {padding: 30px 0 40px;}
.hero-content h3 {font-size: 28px;line-height: 40px;}
.hero-content p {font-size: 13px;line-height: 27px;}
.pt-text h3 {font-size: 28px;line-height: 36px;}
.heading h3 {font-size: 26px;line-height: 34px;}
.git-left {width: 100%;padding-right: 0px;}
.git-right {width: 100%;padding-top: 25px;display: none;}
.gl-img {height: 450px;border-radius: 70px;}
.gl-info a {font-size: 16px;line-height: 24px;}
.heading h4 {font-size: 21px;line-height: 28px;}
.ft-search .form-control {height: 53px;}
.ft-search i {top: 19px;left: 22px;font-size: 16px;}
.ft-search .btn {top: 6px;height: 40px;width: 90px;min-width: 90px;font-size: 12px;}
.footer-top {padding: 0px 0 20px;}
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}