@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");
* { margin: 0px; padding: 0px; box-sizing: border-box; }
@font-face { font-family: robotoRegular; src: url("../font/Roboto-Regular.ttf"); }
@font-face { font-family: robotoMedium; src: url("../font/Roboto-Medium.ttf"); }
@font-face { font-family: robotobold; src: url("../font/Roboto-Bold.ttf"); }
@font-face { font-family: poppinsRegular; src: url("../font/Poppins-Regular.ttf"); }
@font-face { font-family: poppinsSemibold; src: url("../font/Poppins-SemiBold.ttf"); }
@font-face { font-family: poppinsMeduim; src: url("../font/Poppins-Medium.ttf"); }
@font-face { font-family: poppinsBold; src: url("../font/Poppins-Bold.ttf"); }
:root { --deep-blue: #13206A; --light-blue: #1C1A9A; --light-purple: #4B64CB; --dark-gray: #616161; --light-sayan: #EEF7FF; --gray: #D3D3D3; --white: #FFFFFF; --red: #CB4B4B; --light-red: #FAB6B6; }
body { font-family: Poppins, sans-serif; scroll-behavior: smooth; }
.bg_lightsayan { background: var(--light-sayan); }
.bg_deeopBlue { background: var(--deep-blue); }
.bg_lightBluu { background: var(--light-blue); }
.text_deepblue { color: var(--deep-blue); }
.text_lightblue { color: var(--light-blue); }
.text-red { color: var(--red); }
.text_lightred { color: var(--light-red); }
.text_color { color: var(--dark-gray); }
.bg_white { background: var(--white); }
.text_lightpurple { color: var(--light-purple); }
h1, h2, h3 { font-family: poppinsBold, sans-serif; }
h2 { font-style: normal; font-weight: 700; font-size: 24px; line-height: 28px; }
a { text-decoration: none; }
.header_main { background: linear-gradient(89.81deg, rgb(15, 27, 99) 0.89%, rgb(15, 27, 99) 0.9%, rgb(103, 135, 254) 99.84%); }
.navbar-nav .nav-item .nav-link { color: white; font-weight: 600; letter-spacing: 1.5px; }
ul.navbar-nav { width: 100%; justify-content: end; }
ul.navbar-nav .nav-item { margin-left: 3.125rem; padding: 1rem 0px; }
.hero_section { padding-top: 10.6875rem; padding-bottom: 7.1875rem; }
.btn { border-radius: 50px; padding: 1rem 1.875rem; font-weight: 600; font-size: 18px; line-height: 23px; text-align: center; text-transform: capitalize; border: 2px solid transparent; }
.btn_lg { padding: 1rem 4rem; }
.btn-white { color: var(--light-blue); background: rgb(252, 252, 252); }
.btn-blue { color: var(--white); background: var(--light-purple); }
.btn-white:hover { background: transparent; border: 2px solid var(--white); color: var(--white); }
.btn-blue:hover { background: var(--white); border-color: var(--light-purple); color: var(--light-purple); }
h1 { font-size: 49px; line-height: 68px; text-transform: capitalize; }
.hero_content h1 { font-weight: 700; font-size: 55px; line-height: 68px; text-transform: capitalize; color: var(--white); }
.hero_content p { font-size: 18px; line-height: 29px; letter-spacing: 0.02em; text-transform: capitalize; color: var(--white); margin: 2.225rem 0px; padding-right: 5rem; }
.hero_content_wrap { display: flex; align-items: center; justify-content: center; }
.mt-20 { margin-top: 4.6875rem; }
.navbar-brand h2 { color: var(--white); }
.price_box_card { box-shadow: rgb(206, 219, 252) 0px 15px 21px 0px; border-radius: 10px; margin: 2rem 1rem; }
.price_header { position: relative; background: rgb(237, 241, 255); border-radius: 10px; }
.price_header h2 { padding-top: 2rem; padding-bottom: 1.375rem; }
.price_header span.saving_rate { position: absolute; top: 10px; left: 10px; color: var(--red); font-weight: 500; font-size: 13px; line-height: 15px; padding: 4px 9px; box-shadow: rgba(239, 239, 239, 0.25) 0px 4px 4px; border-radius: 5px; }
.price_box_card .price_amount p { font-weight: 700; font-size: 65px; line-height: 76px; margin: 1.385rem 0px; }
.price_box_card .price_amount p span { font-size: 16px; }
.icon_box span { width: 20px; height: 20px; background: var(--light-purple); display: grid; place-items: center; border-radius: 50%; margin-top: 5px; }
.price_content_box { display: flex; padding: 0px 1.3rem; }
.icon_box { margin-right: 1rem; }
.buy_review_btn a { font-weight: 600; font-size: 20px; line-height: 23px; text-align: center; text-transform: capitalize; }
.buy_review_btn { padding-top: 1rem; padding-bottom: 2.875rem; }
.pricelist { padding: 3.875rem; }
.pricelist_header { padding-bottom: 1rem; }
.icon_wrap { width: 120px; height: 120px; display: grid; place-items: center; border-radius: 50%; background: var(--white); position: absolute; top: -60px; box-shadow: rgba(234, 234, 234, 0.66) 0px 4px 40px; }
.section_header_title { margin-bottom: 2rem; }
.services_wrap { box-shadow: rgba(174, 211, 255, 0.25) 0px 0px 50px; border-radius: 10px; position: relative; }
.services_wrap .services_descp h2 { padding: 1.5rem 1rem 1rem; }
.services_descp { padding: 3.58rem 1.5rem 2rem; }
.service_box_main { margin-bottom: 5rem; }
section.our_services { background: rgb(238, 247, 255); padding: 4.5rem 0px 5.578rem; }
.service_box_main { margin-top: 7rem; }
.services_wrap { max-width: 313px; }
.benefit_box { box-shadow: rgba(223, 203, 255, 0.49) 0px 0px 40px; border-radius: 10px; height: 360px; padding: 2.375rem 1.5rem 2rem; }
.benefit_desc h2 { padding-top: 1.15rem; margin-bottom: 1rem; }
.webiste_benefit { padding: 3rem 0px; margin: 3rem 0px; }
.l_blog_card .card_img img { width: 100%; }
.l_blog_card .authour_date .author { display: flex; }
.l_blog_card .authour_date { padding: 1rem 1.875rem; }
.l_blog_card .card_content { padding: 0rem 1.875rem; }
.l_blog_card .card_content h2 { line-height: 28px; font-size: 19px; }
.l_blog_card { background: var(--white); box-shadow: rgba(144, 144, 144, 0.25) 0px 4px 50px; border-radius: 10px; margin: 2rem 0px; }
.navbar { transition: all 0.6s ease 0s; padding-top: 2rem; }
.nav_scrolled { z-index: 999; background: linear-gradient(179.21deg, rgb(15, 27, 99) 3.17%, rgb(37, 62, 155) 90.43%); }
.author .blog_author_icon { margin-right: 9px; }
.author_name span { font-size: 14px; color: rgb(167, 162, 162); margin-top: 0.5rem; }
.blog_learn_more_btn { padding-top: 6px; padding-bottom: 30px; }
.latest_blog { padding: 5rem 0px; }
.blog_view_all_btn { margin-top: 2.5rem; }
.blog_view_all_btn .btn-white { border: 2px solid var(--light-purple); }
.blog_view_all_btn .btn-white:hover { background: var(--light-purple); }
.connect_on_skype_wrap { background: linear-gradient(89.9deg, rgb(15, 27, 99) 0.08%, rgb(103, 135, 254) 99.9%); border-radius: 20px; }
.skype-img_wrap img { width: 100%; }
.stype_conntent_wrap { padding-left: 2.8125rem; background: url("../img/Vector.png") center center no-repeat; }
.stype_conntent_wrap h1 { font-weight: 700; font-size: 52px; line-height: 66px; margin-bottom: 1.35rem; }
.content_point_box span { width: 24px; height: 24px; background: var(--white); display: grid; place-items: center; border-radius: 50%; margin-right: 1rem; }
.send_message_btbn { margin-top: 1.5rem; }
.connect_on_skype_main { margin: 5rem; }
.feedback_main { max-width: 520px; margin: 0px auto; padding: 6rem 0rem; position: relative; }
.user_profile img { width: 76px; height: 76px; }
.user_profile .id h4 { font-size: 1.2rem; margin-bottom: 0px; margin-top: 1rem; }
.user_profile .id { margin-left: 0.5rem; }
.feedback_content h3 { font-size: 1.5rem; padding: 0.5rem 0px; color: rgb(81, 76, 76); }
section.client_feedback { padding: 3.875rem 0px; }
.left_qoute { position: absolute; top: 48px; left: -100px; }
.right_qoute { position: absolute; bottom: 50px; right: -100px; }
.feedback_next_prev_icons span { width: 45px; height: 45px; background: rgb(85, 98, 140); display: grid; place-items: center; border-radius: 50%; cursor: pointer; margin: 0.5rem; }
.feedback_next_prev_icons { display: flex; justify-content: center; margin-top: 2rem; }
.contact_detail_box { display: grid; grid-template-columns: 2fr 12fr; }
.contact_send_btn.btn { border-radius: 5px; }
.contact_details h1 { color: rgb(88, 88, 89); margin-bottom: 28px; }
.contact_detail_box span { text-align: center; }
.contact_detail_box p { margin-left: 5px; }
form label.form-label { color: rgb(52, 52, 53); }
form.form_wrap input.form-control { padding: 0.8rem 1.5rem; }
input#getclienPhone { width: 100%; }
form.form_wrap { padding-top: 1rem; }
.contact_phone_mail { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.contact_us { margin-top: 3rem; margin-bottom: 12rem; }
footer.footer { background: linear-gradient(179.21deg, rgb(15, 27, 99) 3.17%, rgb(103, 135, 254) 97.43%); padding: 2.5rem 0px 1rem; }
.social_media_box a { display: flex; flex-direction: column; align-items: center; margin-bottom: 3rem; }
.social_media_box p { font-weight: 700; font-size: 25px; line-height: 29px; padding: 1rem 0px; }
.social_media_box img { width: 85px; height: 85px; }
.social_media_box p { text-transform: capitalize; margin: 0rem 0px 1rem; }
.row.connect_on_network .section_header_title h1 { margin-bottom: 3rem; margin-top: 3rem; }
.row.footer_links { margin-top: 2rem; }
.footer_link_wrap h3 { color: var(--white); margin-bottom: 2.5rem; }
ul li { list-style: none; }
ul { padding-left: 0px; }
ul.popular_services { color: var(--white); }
ul.popular_services li { margin: 1rem 0px; }
ul.popular_services li a { text-transform: capitalize; }
ul.popular_services li a:hover { text-decoration: underline; }
.copywrite { border-top: 2px solid rgb(107, 130, 229); margin-top: 6rem; }
.copyright_footer { display: flex; justify-content: space-between; margin: 3.5rem 0px; align-items: center; color: var(--white); }
.service_card_main { background: rgb(247, 248, 255); box-shadow: rgba(44, 42, 60, 0.14) 0px 4px 11px 3px; border-radius: 5px; padding-top: 2rem; margin: 1.5rem 1rem; }
.services_full_card { display: flex; justify-content: center; }
.services_full_card span { color: var(--red); font-weight: 600; font-size: 18px; line-height: 21px; display: inline-block; padding-bottom: 0.6rem; }
.services_full_card div { display: flex; align-items: flex-end; }
.services_content_box.text-center { padding: 1rem 3rem; }
.review_icon_box .rating_icons { margin-top: 0.5rem; }
.services_content_box h2 { margin-bottom: 0.8rem; }
.service_card_main .buy_review_btn a.btn { padding: 0.6rem 1.3rem; font-size: 1rem; }
.services_details .section_header_title { padding-top: 5rem; padding-bottom: 0rem; }
header.header_main.details_sub_page .hero_section { padding: 10rem 0px 4rem; }
section.services_details { margin-bottom: 7rem; }
.services_full_card div { height: 80px; }
.blog_content_details article { color: var(--dark-gray); margin-bottom: 1rem; }
.blog_card .details_img img { width: 100%; }
.author { display: flex; align-items: center; margin: 1rem 0px; }
.blog_content_details h2 { margin-bottom: 1rem; }
.blog_content_details_card { padding: 0px 1.5rem; margin-bottom: 2rem; }
.blog_card { margin: 5rem 0px; }
.blog_pagination div span { width: 50px; height: 50px; background: rgb(228, 221, 255); display: grid; place-items: center; border-radius: 50%; margin: 0.5rem; font-weight: bold; color: var(--light-purple); cursor: pointer; }
span.pagination_button.active { background: var(--light-purple); color: var(--white); }
.blog_pagination { display: flex; justify-content: center; padding-top: 0.5rem; padding-bottom: 5rem; }
.recent_post_tagline { border-left: 2px solid rgb(240, 240, 240); height: 100%; padding-left: 0rem; padding-top: 5rem; }
.recent_post_tagline h2 { border-bottom: 2px solid rgb(240, 240, 240); padding-left: 2rem; padding-bottom: 1rem; }
.recent_posty_overview h4 { font-weight: 500; font-size: 16px; line-height: 20px; color: rgb(52, 52, 52); }
ul.recent_posty_overview { padding-left: 2rem; padding-top: 0.5rem; }
ul.recent_posty_overview li a { text-decoration: none; margin-bottom: 1rem; display: inline-block; color: rgb(52, 52, 52); }
ul.recent_posty_overview li a:hover { color: var(--light-purple); }
.contact_details { background: url("../img/google-review-map.png") center top no-repeat; }
.map_wrap iframe { width: 100%; height: 450px; }
section.about_us { margin: 8rem 0px; }
.about_us_content { }
.about_us_content span::before { content: ""; position: absolute; width: 50px; height: 2px; background: var(--light-purple); top: 50%; transform: translateY(-50%); left: 0px; }
.about_us_content span { position: relative; padding-left: 3.6rem; font-weight: 600; color: var(--light-purple); }
.about_us_content h1 { color: rgb(79, 79, 79); }
.about_us_content { padding-right: 2rem; }
.about_us_content article { margin: 1rem 0px; }
.about_us_img img { }
.about_us_img { display: flex; justify-content: center; }
.address_boxes .header_icon { display: flex; justify-content: center; flex-direction: column; align-items: center; }
.address_boxes .header_icon .address_box_icons { width: 71px; height: 71px; background: rgb(254, 231, 237); display: grid; place-items: center; border-radius: 100%; }
.header_icon .address_details { text-align: center; margin: 1rem 0px; }
.address_boxes { margin: 0px auto; max-width: 236px; padding: 3rem 0px; }
.header_icon .address_details h2 { margin-top: 0.2rem; margin-bottom: 0.8rem; text-transform: capitalize; }
.header_icon .address_details p { font-weight: 300; letter-spacing: 0.5px; margin-bottom: 0px; line-height: 24px; }
.address_boxes .header_icon .address_box_icons.email { background: rgb(232, 248, 240); }
.address_boxes .header_icon .address_box_icons.phone { background: rgb(254, 244, 230); }
.address_boxes .header_icon .address_box_icons.phone { background: rgb(245, 237, 250); }
.address_main { margin: 6rem 0px; }
nav.navbar.nav_scrolled { padding-top: 0px; }
.navbar-brand h2 { margin-top: 0.5rem; }
.whatsapp_connect_btn {position: fixed;width: 86px;height: 86px;bottom: 31px;right: 33px;background: rgb(8, 118, 105);display: grid;place-items: center;border-radius: 50%;box-shadow: 2px 0px 13px 1px #fcdcdc1c;}
.whatsapp_connect_btn span svg { width: 3.2rem; }
.whatsapp_connect_btn span svg path { fill: white; }
.whatsappwrap { position: relative; }
.whatsappwrap .poke_me { position: absolute; top: 50%; transform: translateY(-50%); padding: 0.4rem 0.7rem; background: rgba(255, 255, 255, 0.28); width: 160px; color: rgb(8, 118, 105); right: 63px; border-radius: 5px; font-weight: 500; overflow: hidden; box-shadow: rgba(198, 255, 198, 0.77) 1px 1px 1px 0px; display: none; transition: all 0.3s ease 0s; }
.whatsappwrap:hover .poke_me { display: block; }