@font-face {
    font-family: "poppins_bold";
    src: url('../fonts/Poppins-Bold.ttf');
}

@font-face {
    font-family: "poppins_semi_bold";
    src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: "poppins_reg";
    src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: "poppins_bold_italic";
    src: url('../fonts/Poppins-BoldItalic.ttf');
}

@font-face {
    font-family: "poppins_med";
    src: url('../fonts/Poppins-Medium.ttf');
}

h1{
    font-size: 100px;
    font-family: "poppins_bold";
    line-height: 100px;
    color: #fff;
    font-weight: bold;
}

h2{
    font-size: 80px;
    font-family: "poppins_bold";
    line-height: 80px;
    color: #fff;
    font-weight: bold;
}

h3{
    font-size: 67px;
    font-family: "poppins_bold";
    line-height: 74px;
    color: #161616;
    font-weight: bold;
}

h4{
    font-size: 62px;
    font-family: "poppins_bold";
    line-height: 74px;
    color: #161616;
    font-weight: bold;
}

h5{
    font-size: 43px;
    font-family: "poppins_bold";
    line-height: 74px;
    color: #fff;
    font-weight: bold;
}

h6{
    font-size: 25px;
    font-family: "poppins_bold";
    line-height: 74px;
    color: #fff;
    font-weight: bold;
}

/* Global style starts from here */

.primary_btn{background-color: #007EFF; color: white; border-radius: 34px; font-size: 17px; font-family: "poppins_reg"; padding: 15px 25px;}
.primary_btn_light{background-color: #03AEF9; color: white; border-radius: 34px; font-size: 17px; font-family: "poppins_reg"; padding: 15px 25px;}
.primary_btn_extra_light{background-color: #0DFBFB; color: #161616; border-radius: 34px; font-size: 17px; font-family: "poppins_reg"; padding: 15px 25px;}
.primary_btn_dark{background-color: #046BAA; color: white; border-radius: 34px; font-size: 17px; font-family: "poppins_reg"; padding: 15px 25px;}
.secondary_btn{background-color: #FFFFFF; color: #007EFF; border-radius: 34px; font-size: 17px; font-family: "poppins_reg"; padding: 15px 25px;}
.bordered_white_btn{background-color: transparent; color: white; border: 1px solid white; border-radius: 34px; font-size: 17px; font-family: "poppins_reg"; padding: 15px 25px;}
.bordered_blue_btn{background-color: transparent; color: #03AEF9; border: 1px solid #03AEF9; border-radius: 34px; font-size: 17px; font-family: "poppins_reg"; padding: 15px 25px;}

.txt_white{color: #fff;}
.txt_center{text-align: center;}
.txt_black {color: #161616;}
.box_shadow {box-shadow: 0 8px 50px rgba(0,0,0,0.05);}
.txt_field input {height: 60px; border-radius: 34px;}


/* Global style ends here */

/* Header style starts from here */

header #navbarNav {justify-content: flex-end; gap: 50px;}
header .navbar-nav .nav-item {padding: 0 10px;}
header { background: #f1f6f9;}
/* Header style ends here */

/* Hero banner style starts from here */

.hero_banner {padding: 30px 0; position: relative;}
.hero_banner:before {content: ""; position: absolute; display: block; top: 0; right: 0; background: linear-gradient(140deg, #046BAA, #007EFF); height: 100%; width: 91%; border-radius: 20px 0 0 20px;}
.hero_banner .inner_section_col_left {padding: 100px 0;}
.hero_banner .inner_section_col_left:before {content: ""; position: absolute; display: block; top: 0; left: 0; background-image: url('../images/before_curve.png'); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain;}
.hero_banner .inner_section_col_left div{z-index: 10; position: relative;}

.hero_banner .img_col {position: unset;}
.hero_banner .inner_section_col_right {height: 100%; display: flex; align-items: center; position: absolute; right: 0; width: 50%; top: 0; bottom: 0; margin: auto 0;}
.hero_banner .inner_section_col_right img {width: 100%; height: auto; box-shadow: 0px 19px 30px rgba(0,0,0,0.35);}

/* Hero banner style ends here */

/* How we do it section style starts from here */

.how_we_do_sec {margin: 80px 0; position: relative;}
.how_we_do_sec .top_heading_row {margin-bottom: 50px;}
.how_we_do_sec .top_heading_row .main_content {max-width: 35%; margin: 0 auto;}
.how_we_do_sec .content_col, .how_we_do_sec .img_col {display: flex; align-items: center;}
.how_we_do_sec .inner_section_col_right {position: relative; overflow: hidden;}
.how_we_do_sec .inner_section_col_right img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.how_we_do_sec .inner_section_col_left .top_heading {margin-bottom: 30px;}
.how_we_do_sec .inner_section_col_left .content {margin-bottom: 30px;}

.floating_heading {margin-bottom: -65px; position: relative; z-index: -1;}
.floating_heading span {font-size: 218px; line-height: 100px; font-family: "poppins_bold"; color: #007EFF; opacity: 0.2;}
.how_we_do_sec .invert_row:not(:last-child) {margin-bottom: 40px;}
.how_we_do_sec .invert_row:nth-child(odd) {flex-direction: row-reverse;}

.how_we_do_sec:before { content: ""; position: absolute; display: block; top: 0; right: 0; background-image: url('../images/how_we_do_shape_bg.png'); width: 750px; height: 710px; background-position: center; background-repeat: no-repeat; background-size: contain; bottom: 0; margin: auto 0;}

/* How we do it section style ends here */

/* About Us section style starts from here */

.about_us_sec .img_col, .about_us_sec .content_col {display: flex; align-items: center;}
.about_us_sec .img_col .inner_section_col_left {position: relative;}
.about_us_sec .img_col .inner_section_col_left img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.about_us_sec .inner_section_col_right .top_heading {margin-bottom: 30px;}
.about_us_sec .inner_section_col_right .content {margin-bottom: 30px;}

.about_us_sec .img_col, .about_us_sec .content_col {display: flex; align-items: center;}
.about_us_sec .img_col .inner_section_col_left {position: relative;}
.about_us_sec .img_col .inner_section_col_left img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.about_us_sec .inner_section_col_right .top_heading {margin-bottom: 30px;}
.about_us_sec .inner_section_col_right .content {margin-bottom: 30px;}

.about_us_sec {position: relative; padding: 50px 0}
.about_us_sec:before {content: ""; position: absolute; display: block; top: 0; left: 0; background: linear-gradient(140deg, #046BAA, #007EFF); height: 100%; width: 91%; border-radius: 0 20px 20px 0;}

/* About us section style ends here */

/* FAQ section style start from here  */

.frequently_asked_sec {margin: 90px 0;}
.frequently_asked_sec .inner_section_col_left .main_heading h3 {letter-spacing: -4px;}
.frequently_asked_sec .inner_section_col_left .faq_img { height: 500px; overflow: hidden; border-radius: 10px; margin-top: 30px; }
.frequently_asked_sec .inner_section_col_left .faq_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.frequently_asked_sec .inner_section_col_right .card-header { background: transparent;; border: 0; padding: 0; padding: 19px 0; }
.frequently_asked_sec .inner_section_col_right .card-header h5 {line-height: unset; font-size: unset;}
.frequently_asked_sec .inner_section_col_right .card-header button {color: #161616; font-family: "poppins_med"; font-size: 19px; width: 100%; text-align: left; position: relative; text-decoration: none;}
.frequently_asked_sec .inner_section_col_right .card-header button:before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 16px; height: 26px; position: absolute; display: block; top: 0; bottom: 0; margin: auto 0; right: 20px; color: #046BAA;}
.frequently_asked_sec .inner_section_col_right .card-header button.collapsed:before {content: "\2b"; color: #03AEF9;}
.frequently_asked_sec .inner_section_col_right .card {margin-bottom: 20px; border-radius: 30px; border: 0; background: white; overflow: hidden;}
.frequently_asked_sec .inner_section_col_right .card-body {background-color: white;}
.frequently_asked_sec .inner_section_col_right .card-body p {font-size: 14px;}
.frequently_asked_sec .inner_section_col_right {width: 100%;}
.frequently_asked_sec .accordion_col {display: flex; align-items: center;}

/* FAQ section style ends here */

/* Coming Soon page style starts from here */

.coming_soon_sec { background: linear-gradient(180deg, #03AEF9, #046BAA); text-align: center; }
.coming_soon_sec .inner_section_coming_soon { display: flex; justify-content: space-between; flex-direction: column; align-items: center; height: 100vh; padding: 20px 0; }
.coming_soon_sec .main_content_wrapper .main_heading h1 {font-size: 138px; font-family: "poppins_bold_italic"; line-height: 184px;}
.coming_soon_sec .main_content_wrapper .main_para {margin-bottom: 40px;}
.coming_soon_sec .main_content_wrapper .main_para p {font-size: 30px; font-family: "poppins_med";}
.coming_soon_sec .main_content_wrapper .form_wrapper form {display: flex; gap: 10px;}
.coming_soon_sec .main_content_wrapper .form_wrapper .txt_field {flex: 4;}
.coming_soon_sec .main_content_wrapper .form_wrapper .submit_btn {flex: 1;}
.coming_soon_sec .main_content_wrapper .form_wrapper .txt_field input {height: 60px; border-radius: 34px;}
.coming_soon_sec .social_copyright_wrapper .social_icons {display: flex; gap: 15px; justify-content: center; margin-bottom: 20px}
.coming_soon_sec .social_copyright_wrapper .social_icons .icon {background: white; width: 38px; height: 38px; display: flex; justify-content:center; align-items: center; border-radius: 50%;}

/* Coming soon page style ends here */


/* About US page style starts here */

.about_us_page { margin-top: 100px;}
.about_ourMission { padding-block: 80px; position: relative;}
.about_ourMission .inner_text * { color: black;}
.about_ourMission .inner_text h4 { padding-bottom: 40px;}
.about_ourMission .inner_text {padding: 70px;}
.about_ourMission .inner_col { position: relative; padding-left: 30px;}
.about_ourMission .inner_col img { border-radius: 0 33px 33px 0;}
.about_ourMission .inner_col .info {position: absolute;bottom: -40px;background: #017cf5;border-radius: 40px 0px 40px 40px;width: 60%;padding: 12px 50px;left: 0;text-align: center;}
.about_ourMission .inner_col .info h6 { line-height: 1; font-size: 20px; margin: 0;}
.about_ourMission .inner_col .info p { margin: 0; font-size: 15px;}
.about_ourMission .inner_col .info * { color: white;}
.ourStory h4 { text-align: center; padding-bottom: 40px; text-transform: capitalize;}
.ourStory .image:after { content: ''; width: 100%; height: 100%; background: #007bff29; display: block; position: absolute; top: 0; left: 0;}
.ourStory .play { position: absolute; top: 45%; left: 40%;}
.ourStory .image img {width: 100%;}
.ourStory .image { position: relative; border-radius: 20px; overflow: hidden;}
.ourStory { padding-bottom: 70px;}
.about_ourMission:before, .faqs_page:before, .pricing-table:before { content: ""; position: absolute; display: block;top: 0; right: 0; background-image: url(../images/how_we_do_shape_bg.png); width: 750px; height: 710px; background-position: center; background-repeat: no-repeat; background-size: contain; bottom: 0; margin: auto 0;}
.faqs_page { position: relative;}
.faqs_page:before { bottom: -110%;}
/* About US page style ends here */


/* Contact  page style start here */
.inner_form .form-control { background: transparent; border: 0; box-shadow: 0 8px 30px rgb(0 0 0 / 5%); border-radius: 10px; height: 60px; padding: 20px;  font-size: 16px; color: #707070; font-weight: 400; font-family: 'poppins_reg';}
.inner_form {padding-block: 40px;padding-right: 20px;}
.inner_form .form-control::placeholder {font-size: 16px; color: #707070; font-weight: 400; font-family: 'poppins_reg'; line-height: 20px;}
.inner_form textarea.form-control { height: 200px;}
.inner_form button {width: 100%;}
.get_in_touch img {width: 100%;border-radius: 20px;filter: drop-shadow(0px 8px 50px rgb(0 0 0 / 5%));margin-top: 40px;}
.get_in_touch {padding-block: 60px;}
.pricing-table:before { left: 0; bottom: -80%; z-index: -1;}


/* Contact page style ends here */

/* Pricing page style started here */
.pricing { padding-block: 80px; position: relative;}
.pricing .table { border: 0;}
.pricing .table th { border: 0;}
.pricing .header { text-align: center; padding-block: 40px;}
.pricing .header h6 { color: black; font-size: 30px; font-weight: 400;  font-family: 'poppins_reg'; margin: 0; line-height: 40px;}
.pricing .header p { max-width: 90%; margin: auto; font-size: 18px; font-weight: 400; line-height: 25px;}
.pricing .header .price { padding-block: 20px; font-size: 54px;  font-weight: 500; line-height: 1;}
.pricing .header a.btn {}
.pricing .header .price span { font-size: 18px;  font-weight: 400;}
.pricing .header .button {display: flex; align-items: center;padding-bottom: 30px;}
.pricing .header .button a.btn {border: 1px solid #0279e8; padding: 15px 10px; width: 140px; margin-right: 12px; border-radius: 30px; color: #0279e8;}
.pricing .header .button a.btn:hover { background: #0279e8; color: white;}
.pricing .table tbody tr td { text-align: center;}
.pricing .table tbody tr td:first-child { text-align: left;}
.pricing .bacis { background: #007fff0d;}
.pricing .table td .ptable-title, .pricing .table td>div {  padding-block: 10px;}
.pricing .Advance { background: #02aef70d;}
.Premium { background: #046aa90d;}
.pricing h4 { text-align: center; padding-bottom: 20px;}
.pricing .table th, .pricing .table td { padding-block: 0;}

.pricing .duration_packages_wrapper {display: flex; gap: 20px;}
.pricing .duration_packages_wrapper .package_single_card {background-color: #007fff0d; padding: 25px 10px;}
.pricing .package_single_card .package_heading h6 {color: black; font-size: 30px; font-weight: 400; font-family: 'poppins_reg'; margin: 0; line-height: 40px; text-align: center;}
.pricing .package_single_card .package_description p {max-width: 90%; margin: auto; font-size: 18px; font-weight: 400; line-height: 25px; text-align: center;}
.pricing .package_single_card .package_price p { padding-block: 20px; font-size: 54px; font-weight: 500; line-height: 1; text-align: center;}
.pricing .package_single_card .package_price p span { font-size: 18px; font-weight: 400; }
.pricing .package_single_card .package_features .price-row {height: 350px; overflow-y: auto;}
.pricing .package_single_card .package_features .price-row p {position: relative; padding-left: 25px}
/* .pricing .package_single_card .package_features .price-row p:not(:last-child) {border-bottom: 1px solid black;} */
.pricing .package_single_card .package_features .price-row p:before {content: "\f00c"; display: block; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0px; font-size: 17px; color: #0E89C5; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.pricing .package_single_card .package_features .price-row::-webkit-scrollbar {width: 6px;}
.pricing .package_single_card .package_features .price-row::-webkit-scrollbar-track {background: #f1f1f1;}
.pricing .package_single_card .package_features .price-row::-webkit-scrollbar-thumb {background: #0E89C5;}
.pricing .package_single_card .package_features .price-row::-webkit-scrollbar-thumb:hover {background: #555;}
.pricing .pricing_tabs_col .tabs_wrapper ul {gap: 10px;}
.pricing .pricing_tabs_col .tabs_wrapper ul li .nav-link.active {background: #0279e8; color: white; outline: 0}
.pricing .pricing_tabs_col .tabs_wrapper ul li .nav-link:focus {outline: 0}
.pricing .pricing_tabs_col .tabs_wrapper ul li .nav-link {border: 1px solid #0279e8; padding: 15px 10px; width: 120px; border-radius: 30px; color: #0279e8; background-color: transparent;}
.pricing .pricing_tabs_col .tabs_image_wrapper {text-align: center; margin-top: 40px; width: 100%; height: 200px;}
.pricing .pricing_tabs_col .tabs_image_wrapper img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.pricing:before {content: ""; position: absolute; display: block; top: 55%; left: 0; background-image: url(../images/how_we_do_shape_bg.png); width: 750px; height: 710px; background-position: center; background-repeat: no-repeat; background-size: contain; bottom: 0; margin: auto 0;}
.pricing .package_single_card .package_get_started {margin-top: 20px; text-align: center;}
/* Pricing page style ends here */

/* Footer style starts from here */

footer {position: relative; padding: 50px 0;}
footer:before { content: ""; background: linear-gradient(135deg, #046BAA, #007EFF); position: absolute; display: block; width: 82%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; border-radius: 20px;}
footer .footer_content {margin: 30px 0; max-width: 80%;}
footer .txt_field {margin-bottom: 10px;}
footer .txt_field input {text-align: center;}

footer .inner_section_footer_col .footer_links ul {list-style: none; padding-left: 0;}
footer .inner_section_footer_col .footer_links ul li {padding-bottom: 10px;}
footer .inner_section_footer_col .footer_links ul li a {color: white;}

footer .inner_section_footer_col .phone {padding-bottom: 10px;}
footer .inner_section_footer_col .phone a, footer .inner_section_footer_col .mail a {color: white;}
footer .follow .social_icons {display: flex; gap: 10px;}
footer .follow .social_icons .icon { color: #03AEF9; background-color: white; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
footer .footer_col_three .inner_section_footer_col {padding-left: 30px;}

footer .developed_tafsol { text-align: right; padding-top: 20px; }
footer .developed_tafsol a { color: white; }

/* Footer style ends here */