@charset "utf-8";

/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/
:root{
    --white:#ffffff;
    --black:#000000;
    --pink-color:#F4007C;
    --dark-blue: #353454;
    --blue-color:#0124FA;
    --light-pink:#ecded0;
    --body-font:'Rubik';
}
::selection{
    color: var(--blue-color);
    background-color: var(--primary-color);
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style:none;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

body{ font-family: var(--body-font); font-size: 16px; line-height: 1.2;  letter-spacing: 0.02em; direction: rtl;/**overflow-x: hidden;**/ padding-top:100px; overflow-x: hidden; overflow-y: auto;}

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0;}

/* Specific Header Settings */
h1,.h1 {font-size:75px; font-weight:400;}
h2,.h2 {font-size:60px;  font-weight: 400;}
h3,.h3 {font-size:40px;}
h4,.h4 {font-size:30px;}
h5,.h5 {font-size: 25px;}
h6,.h6 {font-size: 20px;}
h7,.h7 {font-size:17px;}
h8,.h8 {font-size: 15px;}
h9,.h9 {font-size: 13px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px;  font-size: 23px; font-weight: normal; color: #000000; margin-bottom: 15px; line-height: 30px; font-weight: 300; }

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}


/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block;}


/* 5. Forms
------------------------------------------------------------------------------*/
input{font-family: var(--body-font);}
input[type='submit']{ font-family: var(--body-font); -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{font-family: var(--body-font);-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
textarea{overflow:auto;font-family: var(--body-font);}
::-webkit-input-placeholder{ color: var(--black-color);}
:-moz-placeholder{ color: var(--black-color);}
::-moz-placeholder{ color: var(--black-color)}
:-ms-input-placeholder{ color: var(--black-color)}
::-ms-input-placeholder{ color: var(--black-color)}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/* container */
.container{max-width:1500px; width: 100%; padding-left: 20px; padding-right:20px; margin: 0 auto;}

.container-md{max-width:1500px; width: 100%; padding-left: 20px; padding-right:20px; margin: 0 auto;}

.row{display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;}

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}

.row-reverse{flex-direction: row-reverse;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.blue{ color:var(--blue-color);}

/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt-0{margin-top:0 !important;}
.mt20{margin-top:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.py-100{padding: 100px 0;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px !important;}
.pt50{padding-top:50px;}
.pb50{padding-bottom:50px !important;}
.pt100{padding-top:100px;}
.pb100{padding-bottom:100px !important;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.unlisted{list-style:none;}
section {padding: 50px 0;position: relative;}
.gray-bg{background: #F6F6F6;}
.bg-set{background-position: center; background-repeat: no-repeat; background-size: cover;}

.top_title{margin-bottom: 80px;}
.top_title h2{ color: var(--black-color); text-transform: uppercase;}
.top_title h2 span{color: var(--primary-color);}

.btn{min-width:210px; background-color:#f4cb66; color:var(--white); padding:21px 30px; font-size: 20px; border-radius: 60px; transition: 0.3s;display: inline-block; position: relative; z-index: 1; overflow: hidden; cursor: pointer;text-align: center; font-weight:500;} 
.btn::before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background-color: var(--primary-color);color: var(--primary-color); z-index: -1; transition: 0.4s; }
.btn:hover::before,.btn-border::before{ width: 0px;left: auto; right: 0;}
/* .btn-border,.btn:hover{color: var(--primary-color);} */
.btn-border:hover::before{width:100%;right:auto;left:0;}
.btn-border:hover{color: var(--white-color);}
.btn-small{padding: 8px 18px;}

.btn-pink{ background-color:var(--pink-color);}
.btn-pink:hover{ color:var(--white) !important;}
.btn-blue{ background-color:var(--blue-color);}
.banner-btn {display: flex; gap: 23px;margin-top:60px;}

.section_title h3{ font-weight:300;;}
.light-title h2{ font-weight: 300; direction: rtl;}
.light-title h2 b { font-weight: 500;}
.hyper-link{color: var(--primary-color); text-decoration: underline;}
.hyper-link:hover{color: var(--red-color);}
/* Scroll Animation Css Stat */

.animatable{opacity: 0; /**visibility:hidden;**/-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;}
.animated{opacity: 1; visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;}
.animated.fade{-webkit-animation-name:fade;-moz-animation-name:fade;-o-animation-name:fade;animation-name:fade;}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
.animated.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
.animated.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.animated.zoomIn{-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;-o-animation-name:zoomIn;animation-name:zoomIn}
[data-delay="100"].animated{animation-delay:.1s;}
[data-delay="200"].animated{animation-delay:.2s;}
[data-delay="400"].animated{animation-delay:.4s;}
[data-delay="600"].animated{animation-delay:.6s;}
[data-delay="800"].animated{animation-delay:.8s;}
[data-delay="1000"].animated{animation-delay:1s;}
[data-delay="1200"].animated{animation-delay:1.2s;}
[data-delay="1400"].animated{animation-delay:1.4s;}
[data-delay="1600"].animated{animation-delay:1.6s;}
[data-delay="1800"].animated{animation-delay:1.8s;}
[data-delay="2000"].animated{animation-delay:2s;}
/*** fadeInDown ***/
@-webkit-keyframes fade{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fade{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-o-keyframes fade{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fade{
    0%{opacity:0;}
    100%{opacity:1;}
}
/*** fadeInDown ***/
/*** fadeInDown ***/
@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-50px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;-moz-transform:translateY(-50px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDown{
    0%{opacity:0;-o-transform:translateY(-50px);}
    100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDown{
    0%{opacity:0;transform:translateY(-50px);}
    100%{opacity:1;transform:translateY(0);}
}
/*** fadeInDown ***/
/*** fadeInUp ***/
@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(50px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp{
    0%{opacity:0;-moz-transform:translateY(50px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUp{
    0%{opacity:0;-o-transform:translateY(50px);}
    100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUp{
    0%{opacity:0;transform:translateY(50px);}
    100%{opacity:1;transform:translateY(0);}
}
/*** fadeInUp ***/
/*** fadeInLeft ***/
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInLeft{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInLeft{
    0%{opacity:0;-o-transform:translateX(-100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInLeft{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
/*** fadeInLeft ***/
/*** fadeInRight ***/
@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInRight{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInRight{
    0%{opacity:0;-o-transform:translateX(100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInRight{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
/*** fadeInRight ***/
/*** ZoomIn ***/
@-webkit-keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale(.8);}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes zoomIn{
    0%{opacity:0;-moz-transform:scale(.8);}
    100%{opacity:1;-moz-transform:scale(1);}
}
@-o-keyframes zoomIn{
    0%{opacity:0;-o-transform:scale(.8);}
    100%{opacity:1;-o-transform:scale(1);}
}
@keyframes zoomIn{
    0%{opacity:0;transform:scale(.8);}
    100%{opacity:1;transform:scale(1);}
}
/*** ZoomIn ***/
/* Scroll Animation Css End */




/* Header*/
.main{overflow-x: hidden;}
.header-main{   position: fixed;top: 0;left: 0;right: 0;z-index: 99;transition: all .5s ease;height: 120px;
/* background-color:#FFF; */}
.header-main .container {max-width: 80%;}
.main-menu {margin-top: 15px; width:80%; position: relative; padding-right: 60px;}
.sub-menu li{ margin:10px 0px;  display: block;}
.sticky{ position: fixed; top: 0; left: 0; right: 0; /***box-shadow: 0px 4px 20px -6px rgba(63, 63, 62, 0.2);**/ z-index: 99; transition: all .5s ease; }
header.header-main.sticky{background-color:rgba(255, 255, 255);box-shadow: 0px 4px 20px -6px rgba(63, 63, 62, 0.2); opacity: 0.94}
header.header-main.sticky .header-inner{border-bottom: 0px;padding:15px 0px;}
header .header-inner { display: flex; align-items: center;   padding:20px 0px 20px; transition: all .5s ease; width: 100%;   /* flex-direction: row-reverse; */}
header .header-inner .logo { line-height: normal; display: inline-block; max-width:220px; margin: 0 0 0 30px;}
header .header-inner .logo img { display: block; }
header nav ul { display: flex;align-items: flex-start;justify-content: flex-start;list-style: none;}
header nav ul li { margin-left: 40px; }
header nav ul li.active a{ color:var(--blue-color);}
header nav ul li:last-child{margin-left: 0px;}
header nav ul li a { font-size:18px; color: var(--black); padding: 0 0 5px 0; text-align: center; border: 1px solid transparent; display: inline-block; position: relative; font-weight: normal; }
/* header.header-main.sticky nav ul li a{font-size: 20px;} */
header nav ul li a::before, header nav ul li a::after{ content: ''; position: absolute; transition: all .5s ease; }
header nav ul li a::before{ left: 0px; bottom: 0px; width: 100%; height: 2px; background-color: var(--pink-color); transform: scaleX(0); }
header nav ul li a:hover::before{transform: scaleX(1);}
.header-left ul li .select{position: relative;}
.header-left ul li .select .lang-opt{position: relative;padding-right: 17px;color:var(--black);font-size: 22px;font-weight: normal;cursor: pointer;}
.header-left ul li .select .lang-opt::after{ content: url(../images/select-arrow.svg); position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.header-left .language .select-options{ display: none; position: absolute; top: 30px; left: 0; list-style: none; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
.header-left .language .select-options li{ padding: 3px 10px; background: #ecded0; border-bottom: 1px solid #424269; }
.header-left .language .select-options li a{padding: 0; font-size: 16px; color: #424269;}
.header-left ul li.language{padding-left: 60px;position: relative;}
.header-left ul li.language::before{ content: ''; position: absolute; top: 0px; left: 30px; right: auto; height: 100%; width: 1px; background-color: var(--light-pink); }
.header-left ul li .social-icon li{padding-left: 10px;}
.header-left ul li .social-icon li:last-child{padding-left: 0px;}
.hamburger { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 2px solid var(--black); display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 5px; cursor: pointer; z-index: 99; }
.header-left ul li .social-icon li .icon{width: 24px;height: 24px;display: flex;}
.header-left ul li .social-icon li .icon img{transition: all .5s ease;}
.header-left ul li .social-icon li .icon:hover img{transform: scale(1.02);}
.hamburger span { width: 25px; height: 2px; border-radius: 3px; background-color: var(--black); position: relative; transition: 0.4s; }
.hamburger span + span { margin-top: 4px; }
.hamburger span:nth-child(2) { width: 15px; }
.menu-open .hamburger span:first-child { transform: rotate(45deg) translateX(4px) translateY(4px); -webkit-transform: rotate(45deg) translateX(4px) translateY(4px); -moz-transform: rotate(45deg) translateX(4px) translateY(4px); -ms-transform: rotate(45deg) translateX(4px) translateY(4px); -o-transform: rotate(45deg) translateX(4px) translateY(4px); }
.menu-open .hamburger span:nth-child(2) { opacity: 0; visibility: hidden; }
.menu-open .hamburger span:last-child { transform: rotate(-45deg) translatex(4px) translateY(-4px); -webkit-transform: rotate(-45deg) translatex(4px) translateY(-4px); -moz-transform: rotate(-45deg) translatex(4px) translateY(-4px); -ms-transform: rotate(-45deg) translatex(4px) translateY(-4px); -o-transform: rotate(-45deg) translatex(4px) translateY(-4px); }
.pattern_1 img {position: absolute;z-index: 2; right: -33%; width: 43%; height: auto; top: -190px;}
.pattern_2{ opacity: 0.3;}
.pattern_2 img {position: absolute;z-index: 2;right: -24%; bottom: -19%;width: 48%;height: auto; opacity: 1.2; top:40%;}
.pattern_3 img {width:8%; position: absolute; z-index: 2; left:0px; top: -36%; height: auto;}
.pattern_4 img { position: absolute; z-index: 2; right: -58%; width: 70%; height: inherit; top: -140px;opacity: 0.8;}
.pattern_5{ opacity:0.2; position:relative;left:0PX;}
.pattern_5::before{position: absolute;content: '';top: 600px;left: 0px;width: 200px; height: 650px;background-image: url(../images/pattern-5.png);z-index: -1;background-repeat: no-repeat;background-size: cover; background-position: right center;}

.sub-menu{  display: flex; justify-content: space-between;}
.mega-menu-column {  flex: 1; padding: 0px;}

/* Basic styles for the main menu */
.menu { position: relative;}
.menu ul {display: none; position: absolute;left:-30px;top: 100%;list-style: none; padding: 0;margin: 0;}
.submenu-level-1{ display:block;}
/* .menu li:hover > ul {display: block;} */
.menu ul li {text-align:center; }
.menu ul li a {display:block;text-decoration: none;padding:0px;color: #333; text-align:right; }
.menu li ul.submenu-level-0{       border: NONE;
  z-index: 1000;
  max-width: 100%;
  position:absolute;
  width: fit-content;
  background-color: #fff;
  padding: 10px 30px 20px 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  RIGHT: 95PX;
}
ul.sub-menu.submenu-level-1 { display: block;position: relative !important;left:0px;padding-left:10PX; }
.menu li ul.submenu-level-0 li {float: right; width: auto; margin: 15px 0px 15px 30px;} 
.header_nav_submenu ul.sub-menu li{ float:none !important; width:100% !important;display:block !important;}
.header_nav_submenu ul.submenu-level-0{max-width:auto !important; width:auto !important;left:110px;}
ul.submenu-level-0 a{ font-size:17px; color:var(--blue-color) !important; font-weight:600;}
.submenu-level-0 li a:before{ display:none !important;}
.submenu-level-0 li a:after{ display:none !important;}
ul.sub-menu.submenu-level-1 li a{font-size:15px;color: var(--black) !important; font-weight:400;}
ul.sub-menu.submenu-level-1 li{ float:none !important; display: block !important; width:100% !important;}
/* .menu li.menu-item-has-children > a::after {content: '';
  margin-left: 0px;
  display: inline-block;
  transition: transform 0.3s;
  transform: rotate(0deg);
  left: -18px;
  background-image: url(../images/menu-arow.svg);
  WIDTH: 18PX;
  HEIGHT: 6PX;
  background-repeat: no-repeat;
  background-position: center;
  top: 6px;} */
.menu li.menu-item-has-children:hover a:after {transform:rotate(184deg);}
.responsive-logo{ display:none;}
.header-menu-btn{ display:none;}
.mobile-media-icons{ display:none;}

.arrow_down {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../images/menu-arow.svg);
  background-size: contain;
  cursor: pointer;
  transition: transform 0.3s; 
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.arrow_down.open {transform: rotate(180deg); }
.submenu-level-0 .arrow_down {display: none;}
.submenu-open .arrow_down{transform:rotate(184deg);}



/* content: '>'; */
/* Header End */

/* Banner Section Css Start */
.single-banner {padding-top: 180px;}
.banner-section{background-repeat: no-repeat;background-size: cover;background-position: top center;position: relative;   position: relative; z-index: 5;padding:200px 0px 150px 0px;}
.blog-banner-sec { padding:200PX 0PX;}
.banner-details { width:98%;margin: 0px auto;}
.banner-details h1{ font-size:100px; color: var(--blue-color); font-weight:400;display: flex; align-items: center;padding-bottom:8px;}
.banner-details h6{ font-size:41px;color: var(--black); font-weight:400; line-height:30px; }
.banner-details p{ font-size:40px; color: var(--blue-color); font-weight:400;;}
.banner-details h5{ font-size:40px;color:var(--black);font-weight:400; direction: rtl;text-align: right;}
.home-page-banner .banner-content{ position:relative;}
.home-page-banner .banner-img { position: absolute; width:60%; left:-60px;}


/* .banner-img {position: absolute;right:48%;top:40%;} */
.banner-section .banner-details .date-img{position: absolute;top: 22%;left:auto;width: 48vw;right: 10%;}
.banner-section .banner-details .year-img{position: absolute;top: 35%;right: 16%;}
.banner-section .banner-content{ display: flex; align-items: center; justify-content: space-between; padding:0px;  }
.banner-section .banner-content .btn{ font-size:23px; font-weight:400; color: var(--white); line-height: 1; transition: all .5s ease; }
.banner-section .banner-content .banner-he-text{ width:55%; position: relative; z-index: 99; padding-right:50px;}
.banner-section .banner-content  span{font-size: 30px;font-weight: normal;font-style: normal;text-align: center;color: #000000;padding-top:10px;}
.blog-banner-sec-section .banner-img {position: absolute;left: 0px;right: inherit; top:-50px}
.blog-banner-sec-section .banner-details{ position:relative; }

/* Banner Section Css End */

/* LOGO Slider Section Css Start */

.logos h5{ padding-left:15px; padding-right:15px;direction: rtl; font-size:25px; font-weight:400; margin-bottom:20px; }
.logos swiper-container {width: 100%;height: 100px;}
.logos swiper-slide {display: flex;justify-content: center;align-items: center;}
.logos{padding: 100px 103px 80px; text-align: center;}
.logo-row .client-logo {padding: 10px 15px; display: flex;align-items: center;justify-content: center;margin-top:20px; filter: grayscale(100%);}
.logo-row { display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;;}
.insurances-post a {width: 100%;}

/* LOGO Slider Section Css End */


/* Services Slider Section Css */

.home_chosen_services_section:before {position: absolute;content: '';top: -300px;left:0px;width: 200px;height: 930px;background-image: url(../images/ellipse-2.png);z-index: -1;background-repeat: no-repeat;background-size: cover;}
.section_title {margin-bottom: 40px;}
.chosen_services_slider .content_box {margin: 10px 0px;}
.chosen_services_slider{ width:98%;}
.chosen_services_slider .single_services_box{background-color: var(--white);border-radius: 20px;box-shadow:#0000002b 0px 3px 16px;display: flex;text-align: center;padding: 30px 30px;margin: 10px auto;flex-direction: column;gap: 20px;width: 360px;max-width:100%;}
.single_services_image img{width: 100%;height: 185px;object-fit:contain; }   
.services_btn{ background-color: var(--blue-color); width:100%; display:block; border-radius: 50px; text-align:center; color:var(--white); padding:14px 10px; font-size:26px; margin-top:15px;}   
.swiper-button li{ list-style:none; cursor: pointer;} 
.swiper-prev{ position: absolute;right: -8%;top: 35%;}  
.swiper-next{ position: absolute;left: -8%;top: 35%;}  
.home_chosen_services_section .swiper-button-disabled {opacity: 0.2;    cursor: none;}
        

/* Services Slider Section Css End */

/*Common Section Section Css */

.common_section {margin:50px 0px;}
.common_con{background-color: rgba(129, 182, 229, 0.15);border-radius: 20px;text-align: center;display: block;direction: rtl ;padding: 30px 30px 60px 30px;height: 300px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.icon_title_sec{display: flex;align-items: flex-end;margin-bottom:30px;}
.common_con h3{font-size:36px;font-weight:400;color: #4A4A4A;}
.icon_title_sec span{position: relative; top: 10px;left:10px;}

/* Common Section Section Css End */

/* About Section Css Start */

#about-insurances .about-content{ padding-left:20px;}
.about-details { width:92%;align-items: center; margin:100px auto;}
.home .about-details {  margin:100px auto;}
#prod-about .about-details {margin:80px auto;}
.about-details .icon_title_sec span { left:0px;}
.about-section .section_title img { width:300px; margin-top:20px; margin-bottom:20px;}
.about-details .icon_title_sec{margin-bottom: 10px;}
.about-section {z-index: 1;background-repeat: no-repeat;background-size: cover;background-position: center;padding:10px 0px 30px 0px;}
.about-section .about-content h4{color:var(--black);font-weight: 300;}
.about-section .about-content h2{font-weight:500; line-height: 1; margin-bottom: 0px;font-size: 80px;}
.about-section .about-content p{font-size: 23px;font-weight: normal;color:#4A4A4A;margin-bottom:20px; line-height:30px;font-weight:400;}
.about-section ul li{font-size: 16px;    color: #4A4A4A;margin-bottom:10px;line-height:20px; font-weight: 300;list-style: disc;}
.about-section ul li::marker {color: #f6007b;}
.about-section ul{ margin-right:30px; margin-bottom:20px;}   
.about-section .about-content h3{color:var(--blue-color);font-weight:400;margin-bottom:15px; font-size:33px; padding-top:3PX;}
.about-section .about-content .about-btn{ background-color: #f8d172; font-size: 30px; font-weight: bold; color: #1f1851; padding: 23.5px 100px; border-radius: 50px; box-shadow: 0 0 100px #e0004f5c , inset 0 0 25px var(--white) ; transition: all .5s ease; border: 2px solid transparent; }
.about-section .about-content .about-btn:hover{ border: 2px solid var(--pink-color); background-color: unset; box-shadow: unset; color: var(--white); }
.about-section .about-img{line-height: 0; margin-left:0px;}
.about-section .about-img img{max-height: 100%;}

.prod-banner {
  padding-bottom: 80px;
}

/* About Section Css End */

/*******Insurance-section***/
.insurance-section .section_title h2{ font-weight:300; }
.insurance-section .section_title h2 b{ font-weight:500; }
.insurance-section{ margin:50px 0px 100px 0px;}
.insurance-intro{margin-top:80px;direction: rtl;}
.insurance-intro i{font-size: 60px;color:#2bb9ff;}
.insurance-intro h2{font-size: 20px;color:#1a4175;}
.insurance-intro p{font-size: 16px;line-height: 24px;font-family:var(--body-font); color:#666;}
.circle {margin:0px auto;display: inline-block;padding: 40px;padding-top:40px;text-align: center;width:320px;height:320px;border-radius: 50%;border: 1px solid #f4007c;background-color:#f4007c;}
.circle::before,
.circle::after { position: absolute; z-index: -1; display: block; content: '';}
.circle,
.circle::before,
.circle::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; transition: all .5s;}
.circle {position: relative;z-index: 2;background-color: #fff;border: 1px solid #2bb9ff;color: #5c5eae;line-height: 50px;overflow: hidden;}
.circle:hover {color: #fff;}
.circle::after {top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;-webkit-transform: scale(.5); transform: scale(.5);}
.circle:hover::after {background: #041026;border-radius: 50%;-webkit-transform: scale(.95);transform: scale(.95);}
.circle_con{ width:90%; margin:0px auto;}
.circle {margin-bottom:30px;background-color:rgba(129, 182, 229, 0.15); border: 0px solid #000;}
.circle:hover {color: #fff;border: 1px solid var(--blue-color);}
.circle:hover::after {background:var(--white-color);-webkit-transform: scale(.95);transform: scale(.95);color:#fff; border: 1px solid var(--pink-color);}
.circle::after {color:#fff;}
.insurance-intro .circle:after i{color:#fff;}
.insurance-intro .circle:after h2{ color:#fff; }
.circle a {text-decoration: none;display: block;}
.circle h6{color: var(--black);margin-bottom: 15px; line-height: 24px;}
.insurance-intro  p{ text-align: center;  text-align: center; font-size:23px; color: var(--black); line-height:32px;}

/*PROCESS START */
.process {width: 100%;padding: 0 15px; text-align: center;}
.process__item {user-select: none; text-align: center; position: relative; padding: 15px 35px; transition: 0.4s ease-in-out;}
.process__number { font-size:130px;display: block; color:#0124FA; font-weight:400;font-family: 'Rubik'; transition: 0.4s ease-in-out;}
.process__title {display: block;font-weight:400; letter-spacing: 1.5px; font-size:40px; color: #0124fa;  text-transform: uppercase; margin-top:-20px; }
.process__subtitle { display: block; font-size: 30px;color: #4A4A4A; margin-top:20px; line-height: 32px; width: 88%;}
.process { display: flex; flex-direction: row;justify-content: space-between;}
.process__item{ list-style: none;max-width: 100%;text-align: right;padding: 0px; width: 280px;}
.process__item:after { content: "";width: 32px;height: 65px;position: absolute;right: -45%;top: 50%;transform: translateY(-30%);background-image: url(../images/Icon-chevron-left.png);background-repeat: no-repeat;background-size: contain;}
.process__item:first-child:after{ display:none; }


/* PROCESS START END*/

/* Question &m answer section */
.que_ans_sec{  background-color:rgba(129, 182, 229, 0.15);}
.que_ans_sec .ques_info{width:1100px; max-width:100%;margin:0px auto;}
.accordion-list{padding-bottom:50px}
.accordion-list h3{font-size: 20px;color: #5c5c5c;}
.accordion-list li h6::after{ top:calc(30% - 5px);left:40PX;content: '+';font-size: 34px; font-weight: 500; position: absolute;} 
.accordion-list{margin: 0;border: none;}
.accordion-list li{border: none; list-style:none;  background-color:var(--white); margin-bottom: 30px;font-family: var(--body-font); border: 1px solid #CBCBCB; border-radius: 20px;}
.unlisted li.active h6::after { top: calc(50% - 5px);}
.accordion-list li.active h6::after {background: var(--primary-color); width: 20px; height: 4px; content: ''; border-radius: 5px;}
.accordion-list li.active h6::after { content: '-'; border: none;}    
.accordion-list li h3{padding: 10px 25px; }
.accordion-list .answer{padding-right: 35px;}
.accordion-list li.active h6::after{content: '-'; border: none;}
.que_ans_sec{ padding: 80px 0 80px;display: flex;}
.ques_info .h5{display: inline-block;text-decoration: underline;}
.accordion-list{ width: 100%; display:block; clear: both;}
.accordion-list li{width: 44%; float: right;list-style:none;}    
.accordion-list li h6{position: relative;cursor: pointer;line-height: 1.3; font-size:25px;font-weight: 400; display: flex;align-items: center;width: 100%;justify-content: space-between;color: #444;cursor: pointer;padding:30px 40px 30px 25px;direction: rtl; text-align: right; display: block;}
.accordion-list li.active h6{ color:var(--primary-color); padding-bottom:20px;}  
.accordion-list li.active h6::after{background:#000; width: 20px; height: 4px;content: '';border-radius: 5px;}
.accordion-list .answer{display:none;padding:5px 40px 30px 50px; font-size: larger; font-weight: 100;}
.accordion-list .answer p{ color: #000000;font-size: 16px; line-height: 25px; margin-bottom: 20px;}
.que_ans_img_box{position: absolute;right: 0; top: -70px; max-width: 50%;width: 100%; height: 790px;background-image: url('../images/site/ques_ans_bg.jpg');flex-direction: column;z-index: 1;}
.detail_content .post_content p,.blog_detail_sec .post_extra_con p{color: var(--gray-color); margin-bottom:15px;}
.que_ans_sec .unlisted li { float: none; width: 100%;}  
.accordion-list li.active {border: 1px solid #0124fa;}
.unlisted li.active h6::after {top: calc(50% - 5px);}  
.unlisted li p { font-size:16px;}
.loan_process .que_ans_img_box{background-image: url('../images/site/loan_approved.jpg');height: 100%;top: 0;}
.loan_process .que_ans_img_box img{display: none;}
.loan_process{padding: 200px 0;background: #f6f6f6;}
.loan_process .p1{left: 0;right: auto;}
.loan_process .que_sec_detail p{font-size: 26px;color: var(--black-color);}
.heading{padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.heading::after{content: '';position: absolute;width: 90px;height: 5px;background: var(--primary-color);margin: 0 auto;left: 0;right: 0;bottom: 0;}

/* Question &m answer section end */

.baby-talk{width: 95%;margin: 0px auto -28px 0px;}
.baby-talk .baby-img img{ width:250px;}
.baby-talk .dog-img img{ width:100%; max-width:520px;}
.process_section{ margin-bottom:100px;padding-right: 100px;}   

/*PROD PAGE*/
#prod-about-text h6{font-size: 28px;font-weight: 500;margin-bottom: 20px;}
#prod-about{ padding-bottom:0px;}

/* PROD SERVICES  Section Css Start */

.prod-services-section .row{ margin:20px 0px;}

.prod-services-section{ padding:0px;}
.services-block{ position:relative;border-radius: 20px;padding:20px 20px; filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.16 ));background: #ffffff;direction: rtl; }
.prod-services-section .col-3{ padding:0px 10px; margin-bottom:30px;}
.services-block h6{ font-family: "Rubik";font-size: 23px;font-weight: 500;font-style: normal;text-align: right;color: #0124fa;padding-bottom:15px;}
.services-block-content{ border-top-color: #c9c9c9;border-top-width: 1px;border-top-style: solid; padding:20px 10px 5px 15px;text-align:center;}
.services-block-content img { height: 70px; width: 100%;object-fit: contain;}
.services-description {padding: 20px 0px;}
.services-block-content  p{font-size: 16px;font-weight: normal;line-height: 25px;font-style: normal;color: #7e7e7e;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.services-link{font-family: "Rubik";font-size: 17px;font-weight: 400;font-style: normal;text-align: left; color:var(--blue-color);display: block;}
.services-link:hover{color:var(--pink-color);}
#prod-common .common_con{ height:auto; padding:50px 20px 60px 20px;}
.prod-services-text{ text-align: center; margin-top:0px;}
#prod-common .icon_title_sec{ margin-bottom:0px;}
#prod-common .banner-btn { margin:0px;}
#prod-common .banner-btn .btn {margin-top:40px;}

.prod-services-text p{ text-align: center;font-size: 23px;font-weight:300;line-height: 30px;font-style: normal;text-align: center;color: #4a4a4a;}

/* PROD SERVICES  Section Css END*/

/* insurances Section Css Start */
.post-section{ background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; padding:50px 0px 130px; }
.post-section .container{max-width:1400px;}
.post-section.events-section .container{max-width: 1260px;}
.insurances-img{ position: absolute; top: 88px; left: 0px; right: 0px; margin: 0 auto; height: 171px; z-index: -1; }
.insurances-img img{ text-align: center; margin: 0 auto; display: block; max-height: 100%; }
.insurances-content{text-align: center;margin-bottom: 70px;}
.insurances-content h4{ color:var(--black); font-weight: 300; }
.insurances-content h2{ font-weight: bold; color:var(--black); }
.post-section ul.tabs { margin: 0px; padding: 0px; }
.post-section ul.tabs li { background: none;cursor: pointer; margin: 0px 10px; }
.post-section ul.tabs li a { padding:12px 40px;border-color: #000000;border-width: 1px;border-style: solid;border-radius: 50px;font-family: "Rubik";font-size: 23px;font-weight: normal;font-style: normal;text-align: center;color: #4a4a4a;transition: all .5s ease; }
.post-section ul.tabs li.current a { color:var(--white); border:1px solid var(--blue-color); border-radius: 50px; background: #0124fa}
.tab-content { display: none; }
.tab-content.current { display: inherit; }
.post-section .tab_content_box { flex-wrap: wrap; justify-content: space-between; padding:55px 0px 50px; padding-bottom:0px; }
.post-section .tab_content_box [class^="col-"]{margin-bottom: 33px;}
.post-section .tab_content_box .insurances-post{ background-color: var(--white); padding:0px;border-radius: 20px;filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.16 ));background: #ffffff}
.insurances-post{ background-color: var(--white); padding:0px;border-radius: 20px;filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.16 ));background: #ffffff}
.thumbnail{ display:block !important;}
.thumbnail img{width: 100%; height:260px;object-fit: cover;    border-top-left-radius: 20px;
  border-top-right-radius: 20px;}
.insurances-post-content {padding: 15px 15px 20px 15px;}
.post-section .tab_content_box .insurances-post .post-img{ height:230px; overflow: hidden; border-radius:20px 20px 0px 0px; display: block; }
.post-section .tab_content_box .insurances-post .post-img img{ width: 100%; height: 100%; object-fit: cover; }
.post-section .tab_content_box .insurances-post .insurances-post-content{padding:15px 25px 25px 25px;}
.post-section .tab_content_box .insurances-post .insurances-post-content h6 .title{  margin-bottom:15px; transition: all .5s ease; font-size: 20px;font-weight: 500;font-style: normal;text-align: right;color:var(--blue-color);}
.post-section .tab_content_box .insurances-post .insurances-post-content h6 .title:hover{color: var(--yellow-color);}
.post-section .tab_content_box .insurances-post .insurances-post-content .date-time{margin-bottom:15px;}
.post-section .tab_content_box .insurances-post .insurances-post-content .date-time span{ font-weight: normal;position: relative; font-family: "Rubik";font-size: 14px;line-height: 25px;font-style: normal;text-align: right;color: #7e7e7e;}
.post-section .tab_content_box .insurances-post .insurances-post-content .date-time span:first-child{padding-left: 20px;}
.post-section .tab_content_box .insurances-post .insurances-post-content .date-time span::before{ content: ''; position: absolute; top: 0px; left: 10px; height: 100%; width: 1px; background-color: #898989; }
.post-section .tab_content_box .insurances-post .insurances-post-content .date-time span:last-child::before{display: none;}
.post-section .tab_content_box .insurances-post .insurances-post-content .festical-description p{font-weight: normal; font-size: 16px;font-weight: normal;line-height: 25px;font-style: normal;text-align: right;color: #7e7e7e;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;  line-clamp: 2; -webkit-box-orient: vertical;}
.insurances-post-content .post-link{  position: relative; display: flex; align-items: center; font-size: 16px;font-weight: 500;font-style: normal;text-align: right;color:var(--blue-color);}
.insurances-post-content .post-link::after{ content: '...'; width: 13px; height: 15px; transition: all .5s ease; display: inline-block; margin-right: 5px; }
.insurances-post-content .post-link:hover::after{ transform: translateX(-10px); }
.post-section .insurances-link{  text-align: center; color:var(--black); text-decoration: none; transition: all .5s ease; margin: 0 auto; display: block; max-width: 200px; border-color: #707070;border-width: 1px;border-style: solid;border-radius: 50px;background: #fbfbfb;padding:15px 30px;direction: rtl;font-size: 23px;font-weight: normal;font-style: normal;text-align: center;color: #4a4a4a;}
.post-section:before { position: absolute; content: ''; top: 20%; left: 0px; width: 175px;height: 700px;background-image: url(../images/ellipse-2.png);z-index: -1;background-repeat: no-repeat;background-size: contain;}


/* Contact Section Css Start */
.contact-section{ background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; padding:80px 0px 80px; text-align:center;}
.contact-section h2{ font-weight:400;}
.contact-section  p{font-size: 21px;font-weight: normal;line-height: 30px;font-style: normal;text-align: center;color: #4a4a4a;}
.conatct-content{border-radius: 20px;margin:50px auto 30px auto;padding:60px 50px;background: rgba(205,225,242,0.15 )}
.contact-section .container{max-width: 1350px;}
.contact-section .insurances-img{top: 141px;}
.contact-section .insurances-content{margin-bottom: 100px;}
.contact-section .contact-img{height: 588px;position: relative;padding-right: 40px;}
.contact-section .contact-img::before{ content: ''; position: absolute; top: 130px; left: 133px; width:17vw; height: 17vw; border-radius: 100%; background-color: var(--white); box-shadow: -60px 0px 200px rgb(255 255 255 / 50%); z-index: -1; }
.contact-section .insurances-icon{display: flex;justify-content: center;}
.contact-section .insurances-icon a{font-size: 24px;font-weight: bold;color:var(--black);transition: all .5s ease;}
.contact-section .insurances-icon .banner-he-text{width: 35%;}
.contact-section .insurances-icon a:hover{color: var(--pink-color)}
.contact-section .insurances-icon .banner-eg-text{text-align: left;width: 50%;}
.contact-section .insurances-icon .icon{width: 32px;height: 39px;}
.contact-section .insurances-icon .icon img{width: 100%;height: 100%;object-fit: cover;}
.contact-section .contact-img img{max-height: 100%;}
.contact-section .conatct-content h3{ font-size: 40px; color:var(--black); font-weight: bold; margin-bottom: 40px; }
.contact-section .conatct-content .form-control, .contact-section .conatct-content textarea{ border-color: #c9c9c9;border-width: 1px;border-style: solid;border-radius: 50px;background: #ffffff;width:100%;font-size: 23px;font-weight: normal; font-style: normal;text-align: right;color: #4a4a4a;font-family: var(--body-font);  padding:20px 20px;}
.contact-section .conatct-content textarea{resize: none;min-height: 161px;}
.contact-section .conatct-content .form-control::placeholder{color:var(--black);}
.contact-section .conatct-content .form-details{justify-content:flex-end;align-items: center;}
.contact-section .conatct-content .mail-details{margin-top: -60px;}
.contact-section .conatct-content .mail{color:var(--black);font-size: 20px;font-weight: normal;}
.contact-section .conatct-content .mail .mail-icon{width: 30px;height: 18px;margin-left: 10px;}
.contact-section .conatct-content .form-details .form-group.submit-btn{position: relative;pointer-events: all;}
.contact-section .conatct-content .form-details .form-group.submit-btn input{ background-color: var(--pink-color); color: var(--white); font-size:0px; color: #40404a; font-weight: bold; border-radius: 6px; cursor: pointer; border: 1px solid transparent; transition: all .5s ease; padding:0px;width: 70px;height:70px;border-radius: 50px;position: relative;background: #f4007c;margin:0px;}
.conatct-content form{gap: 10px; display: flex;flex-direction: row-reverse;}
.contact-section .conatct-content .form-details .form-group.submit-btn input:hover{background-color:var(--blue-color);border: 1px solid var(--blue-color); color: var(--dark-blue);}
.contact-section .conatct-content .form-details .form-group.submit-btn::after{ content: ''; position: absolute; left: 0px; right:0px; top:0px; bottom: 0px; margin: auto auto; background-image: url(../images/search-icon.png); background-repeat: no-repeat; width:25px; height:28px; pointer-events: none;     transition: all .5s ease; background-size: contain;}
.contact-section .wpcf7-response-output{position: absolute;display: block;width: 90%;margin: 0px auto;bottom: 0px; font-size: 14px;}
.contact-section .submit-btn .wpcf7-spinner{  position: absolute;left: 0px; top: 35%;z-index: 9999; opacity: 100;}

/* Contact Section Css End */

/* events page css start */

.blog_details_section_container .insurances-post{ margin-bottom:30px;}
.blog_details_section_container{ margin:50px 0px 80px;}
.blog_details_section_container .festical-description p { font-weight: normal;font-size: 16px;font-weight: normal;line-height: 25px;font-style: normal;text-align: right;color: #7e7e7e; overflow: hidden;
 display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.blog_details_section_container .insurances-post-content h6 .title { margin-bottom: 15px;transition: all .5s ease;font-size: 20px; font-weight: 500; font-style: normal; text-align: right; color: var(--blue-color);}
.insurances-post .post-img img{ border-top-left-radius:20px; border-top-right-radius:20px;}
.insurances-post-content .date-time { margin-bottom: 15px;}
.date-time span:first-child {padding-left: 20px;}
.blogDetails-page{background-image: url(../images/event-bg.jpg); background-repeat: no-repeat; background-size: cover; min-height: 1000px;}
.blogDetails-section{padding:0px 0 50px;}
.blog-con{ margin-bottom:50px;}
.blogDetails-section .eventImg{max-width: 495px; height: 588px; overflow: hidden; border-radius: 30px; border: 10px solid rgba(176, 178, 206, 0.10);}
.blogDetails-section .eventImg img{width: 100%; height: 100%; object-fit: cover; background-position: center;}
.blogDetails-section .icon_title_sec{ margin-bottom:5px;}
.blogDetails-section .icon_title_sec span { left: 0px;}
.blogDetails-content .eventTitle{    margin-bottom: 15px;padding-bottom: 20px; border-bottom: 1px solid #7376aa;}
.blogDetails-content .eventTitle h1{font-size:35px;margin-bottom:10px;}
.blogDetails-content .eventTitle p{font-size:22px;max-width:630px;}
.blogDetails-content .eventTitle p:last-child{margin-bottom: 0;}
.blogDetails-content .eventTitle p:last-child{margin-bottom: 0;}
.blogDetails-content .eventContent{font-size: 14px; margin-bottom: 28px;padding-bottom: 24px; border-bottom: 1px solid #7376aa;}
.blogDetails-content .eventContent .innereventContent{max-width:97%;}
.single-banner .banner-details h1 { font-size: 80px;}
.blogDetails-content .eventContent .innereventContent p{font-size: 22px; margin-bottom: 20px;line-height: 30px;}
.blogDetails-content .eventdtl{margin-bottom: 50px;}
.blogDetails-content .eventdtl ul{align-items: center; font-size: 20px; line-height: normal;}
.blogDetails-content .eventdtl ul li:not(:last-child){border-left: 1px solid #fff; padding-left: 20px; margin-left: 20px;}
.third-party-insurance-section.events-section .event-title h2{color: var(--light-pink);font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #63617d;}
.tagsLabel-links{margin-top: 30px;}
.tagsLabel-links ul{display: flex; align-items: center; font-size: 17px; font-weight: 300;color: #d9d0bd; margin-bottom: 8px; padding-right: 35px;}
.tagsLabel-links ul li{margin-left: 15px;opacity: 0.7;}
.tagsLabel-links ul li:hover{opacity: 1;}
.tagsLabel-links ul li::after{content: ',';}
.tagsLabel-links ul li a{color: #d9d0bd;}
.tagsLabel-links ul.tagsLinks{background-image: url(../images/tag-icon.png); background-repeat: no-repeat; background-position: right center;}
.tagsLabel-links ul.labelLinks{background-image: url(../images/label-icon.png); background-repeat: no-repeat; background-position: right center;}
.eventShare{margin-top: 20px; display: flex; align-items: center;}
.eventShare .eventShareTitle{font-size: 18px; color: #ffffff; margin-left: 30px;}
.eventShare .shareSocial{display: flex;align-items: center;}
.eventShare .shareSocial a{background-image: url(../images/social-icons.png); background-repeat: no-repeat; width: 23px; height: 21px; text-align: center; margin-left: 5px; transition: 0.5s;}
.eventShare .shareSocial a:hover{transform: scale(1.1);}
.eventShare .shareSocial a.linkSocial{background-position: center right;}
.eventShare .shareSocial a.mailSocial{background-position: -85px;}
.eventShare .shareSocial a.twSocial{background-position: -54px;}
.eventShare .shareSocial a.fbSocial{background-position: -24px;}
.eventShare .shareSocial a.wsSocial{background-position: 0;}
.events-section{padding: 55px 0px 220px;}
/* events page css end */

/* Footer Css Start */
footer{ background-color:var(--blue-color); position: relative; padding:130px 0px; z-index: 1; }
.copyright-details ul{width: 50%;display: flex; justify-content: flex-end;align-items: center;gap:25px;}
footer .footer-menu .footer-details{ justify-content: center;gap:30px;padding-right:0px !important;}
footer .footer-menu .menu-item h6{ font-size:15px; font-weight:600; color:var(--white); margin-bottom:15px; }
footer .footer-menu .menu-item ul li{ margin-bottom:8px; }
footer .footer-menu .menu-item ul li a{ font-size:14px; font-weight: 300; color: var(--white); transition: all .5s ease; }
footer .footer-menu .menu-item ul li a:hover{ color: var(--pink-color); }
footer .footer-menu .menu-item p{ font-size: 14px; font-weight: 300; color: var(--white); line-height:20px; margin-bottom: 15px; }
footer .footer-menu .menu-item .form-row{margin-bottom: 40px; padding-left: 43px; position: relative;}
footer .footer-menu .menu-item .form-group{width: 100%;}
footer .footer-menu .menu-item .form-group input.form-input{ width: 100%; background-color: var(--white); padding: 8.5px 15px;font-size: 12px;font-weight: 400; color: #8F8F8F; height:40px; border-radius:6px;text-align:right;}
footer .footer-menu .menu-item .form-group input.form-input::placeholder{color:#37395d;}
footer .footer-menu .menu-item .submit-btn{position: absolute; left: 0;top: 0; width: 60px; height: 40px;background-color: var(--pink-color);font-size: 0;border-radius: 6px;}
footer .footer-menu .menu-item .submit-btn input[type="submit"]{width: 100%; height: 100%;    font-size: 13px;color: #fff}
footer .footer-menu .menu-item .social-links ul li{margin-left: 15px;margin-bottom: 0px;}
footer .footer-menu .menu-item .social-links ul li:last-child{margin-left: 0px;}
footer .footer-menu .menu-item .social-links ul li .icon{display: flex;}
footer .footer-menu .menu-item .social-links ul li .icon svg{fill:var(--white);width: 40px;height: 40px;transition: all .5s ease;}
footer .footer-menu .menu-item .social-links ul li .icon:hover svg{transform: scale(1.02);}
.footer-bottom{ background-color:var(--white); padding:15px 0px; }
.footer-bottom .copyright-details{justify-content: space-between;}
.footer-bottom .copyright-details p{ font-size: 13px; color:#464646; font-weight: 300; margin-bottom: 0px; }
.footer-bottom .copyright-details ul li{margin:0px; position: relative;}
.footer-bottom .copyright-details ul li::before {content: '';background: #0000004f;height: 17px;width: 1px;position: absolute;right:-15px; top: 3px;}
.footer-bottom .copyright-details ul li:first-child::before{ display: none;}
.footer-bottom .copyright-details ul li:last-child{margin-left: 0px;}
.footer-bottom .copyright-details ul li a{ color:#464646; font-size: 13px; font-weight: 300; text-decoration:none; transition: all .5s ease; }
.footer-bottom .copyright-details ul li a:hover{color: var(--pink-color);}
.footer-content { width:280px; max-width: 100%; padding-left:20px;}
.footer-menu-item{ width: 200px; max-width: 100%;}
.footer-logo { margin-bottom: 15px;}
.menu-item.footer-newsletter { width: 280px; max-width:100%;}
.footer-menu .form-newsletter span.wpcf7-spinner { position: absolute; left: 40px; top: 8px;}
.footer-menu .wpcf7-response-output { margin: 0em 0.5em 1em; color: #fff;font-size: 14px;}
.social-links {display: flex; align-items: flex-start;gap: 10px;}
.social-links ul { margin-top: -3px;}
.whatsapp-num h5{ margin:0px;font-family: "Rubik";font-size: 50px;font-weight: 400;font-style: normal;text-align:left;color: #000000;}
.whatsapp-num {display: flex; align-items: flex-start; justify-content: center; margin-top:0px;}
.whatsapp-num  img{width: 60px;margin-top:6px;margin-right: 10px;}

/* Footer Css End */

/** BLOG PAGE CSS**/

.blog-banner-sec .banner-details{ position: relative;}
.blog-banner-sec .banner-img{ left:0px; right: inherit; top:-80px;}
.blog-banner-sec .banner-img img{ width:100%; }
.blog-banner-sec .banner-section {padding: 280px 0px 80px 0px;}
.blog-banner-sec-section .banner-img{ left:0px; right:inherit; top:-80px;}
.blog-banner-sec .form-row .wpcf7-not-valid-tip{ font-size:18px;}
.blog-banner-sec .submit-btn{ position:relative;}
.banner-latter-form .wpcf7-response-output{ text-align:right;font-size: 14px;text-align: right;float:right; width: fit-content;}
.banner-latter-form span.wpcf7-spinner {position: absolute;top:30%; left:-10px; right: 0px;opacity: inherit;}
form{ clear:both;}    

/**BLOG PAGE END**/

/**CONTACT PAGE START HERE**/

.form-newsletter-in input {font-family: "Rubik";font-size: 23px;font-weight: normal;font-style: normal; text-align: right;color: #4a4a4a;  padding-right:20px;   width: 466px;height: 66px;border-color: #c9c9c9;border-width: 1px;border-style: solid;border-radius: 50px;background: #ffffff}
.form-newsletter-in .submit-btn input[type='submit']{width: auto;height: 66px;border-radius: 50px;text-align: center;color:var(--white);background: #f4007c;padding: 10px 50px;display: block; margin-right:20px;}
.banner-latter-form { margin-top:40px;}
.contact-blog .col-3 {max-width: 20%;}
.block-content-in{ max-width:210px;width: 100%;border-radius: 20px;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);background: #ffffff;padding: 30px 40px;}
.block-content-in h6{margin-top:20px;font-size: 20px;font-weight: 500;font-style: normal;text-align: center;color: #000000;}
.block-row{ display: flex;gap:35px;justify-content: center;align-items: stretch; margin-bottom:70px;}
.block-content-in a{ display: block; text-align: center;}
.prod-services-text a{font-family: "Rubik";font-size: 20px;font-weight:500;font-style: normal;text-align: center;color: #000000;text-decoration: underline;}

/**CONTACT PAGE END**/

/* error message css start */
#msform .form-group label.error{color: red !important;}
/* error message css end */

/* 404 page css start */
.error-section .row,
.thankyou-section .row {justify-content: center;}
.error-section .comapny_per_img,
.thankyou-section .comapny_per_img { text-align: center; position: relative;}

/* .error-section .comapny_per_img .per_img, .thankyou-section .comapny_per_img .per_img{ width: 500px; height: 500px; } */
section.error-section, section.thankyou-section{ padding: 100px 0px;}
.error-section .comapny_per_img .per_img,
.thankyou-section .comapny_per_img .per_img {text-align: center; margin-top: 50px;display: inline-block;position: relative;z-index: 1; width: 500px;height: 500px;}
.error-section .thank_logo,
.thankyou-section .thank_logo {position: absolute; background: var(--pink-color); width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 100%; -webkit-border-radius: 100%;-moz-border-radius: 100%; -ms-border-radius: 100%;-o-border-radius: 100%;}
.error-section .thank_logo h1,
.thankyou-section .thank_logo h1 {font-size: 100px;color: #2e2f46;}
.error-section .thank_logo h4,
.thankyou-section .thank_logo h4 {font-size: 22px;color: #2e2f46;}
.error-section .thank_logo .btn,
.thankyou-section .thank_logo .btn {border-color: #ffffff;margin-top: 20px;font-size: 25px;background-color:#2e2f46;padding: 6px 56px 9px;transition: all 0.5s ease;display: inline-block;position: relative;cursor: pointer; border: 0px; color: #fff; border-radius: 25px;font-weight: 600;transition: all 0.5s ease;border: 2px solid transparent;}
.error-section .thank_logo .btn:hover,
.thankyou-section .thank_logo .btn:hover {border: 2px solid #fff;color: #fff;background-color: unset;}

/* 404 page css end */
.category-tabs {margin: 20px 0;}
.tab-titles {list-style: none;padding: 0;display: flex; cursor: pointer;}
.tab-titles li {margin-right: 15px;padding: 10px 20px; background: #f1f1f1; border-radius: 5px;}
.tab-titles li.active { background: #0073aa;color: #fff;}
.tab-content .tab-item { display: none; margin-top: 20px;}
.tab-content .tab-item.active { display: block;}


/* Styles for the content section */


button.back-to-top{
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
	height: 0px;
  width: 0px;
  overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
  color: transparent;
	clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 50px;
	bottom: 75px;
  font-size: 0px;
  outline: 0 !important;
  z-index: 99;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus{
 outline: 0 !important;
}
button.back-to-top::before,
button.back-to-top::after {
  content: "";
    display: block;
    vertical-align: middle;
    border-bottom:solid 10px #0124fa;
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
  border-radius:20px;
  visibility: hidden;
}
button.back-to-top.show::after,
button.back-to-top.show::before{
  visibility: visible;
}
button.back-to-top::after {border-bottom-color:#fff;position: relative;top:-24px;}
button.back-to-top.show {
  display: block;
  background: #fff;
  color: #00ab6c;
  font-size: 25px;
  right: 25px;
	bottom: 50px;
  height: 50px;
  width: 50px;
  visibility: visible;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

h6.title {color: #0124FA; margin-bottom: 10px;}
span.title-img img { max-height: 90px;}

#quoteButtonWrapper { display: none;position: fixed;z-index: 9999999999; opacity: 0;transform: translateX(100%);transition: transform 0.5s, opacity 0.5s;}

@media (min-width: 900px) {
    #quoteButtonWrapper { top:35px;left:-5px;}
        
}
@media (max-width: 899px) {
     #quoteButtonWrapper { bottom: 10px; left: -5px;}

}

#quoteButtonWrapper.show {display: block; opacity: 1; transform: translateX(0);}#quoteButtonWrapper.hide { display: block;transform: translateX(-100%);opacity: 0; }
#overlay {display: none;position: fixed;
top: 0; left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.95);z-index: 10000000000;overflow-y: auto; padding-top:20px;}
#InsuranceOverlay {display: none;position: fixed;
  top: 0; left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.95);z-index: 10000000000;overflow-y: auto; padding-top:20px;}

 #closeButton {position: fixed;top:10px;left: 20px;font-size: 60px;cursor: pointer; }
 #closeinsuranceButton {position: fixed;top:10px;left: 20px;font-size: 60px;cursor: pointer; }
#quoteButton,#quoteButtonWrapper-2 .no-popup{ min-width: 150px;padding: 15px 15px 15px 0px !important;font-size: 18px !important; border-top-left-radius: 0px;border-bottom-left-radius: 0px;border: none !important;}

#quoteButtonWrapper-2 #quoteButton,#quoteButtonWrapper-2 .no-popup{ border-radius:60px; padding:13px 8px 13px 8px !important;}

#quoteButtonWrapper-2 #quoteButtonlink{ border-radius:60px; padding:13px 8px 13px 8px !important;}
div#quoteButtonWrapper-2 {
  position: absolute;
  left: 15px;
  top: -13px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}       
.sticky div#quoteButtonWrapper-2 {opacity: 1; visibility: visible;}
.banner-section.prod-banner {overflow: hidden;}
#full_wrapper {overflow-x: hidden;}
/***************POPUP*********************/

.item-row{display: grid;gap: 20px;padding: 20px; grid-template-columns: repeat(4, 1fr);}
.item-row .item-fast-offer{background-color: white;box-shadow: #0000002b 0px 3px 16px;padding: 10px;text-align: center;}
.item-row .item-fast-offer a {margin-top: 10px;text-decoration: none; color: #ffffff; background-color:  #0124fa;padding:10px 20px;border-radius: 20px; margin-bottom: 20px;}
.offer-popup .innerimg  {height: 200px;}
.item-row .item-fast-offer img {height: 200px;object-fit: cover;margin-bottom: 15px;}
.offer-popup{text-align: center; margin:50px}
.sub-menu { transition: max-height 0.3s ease, opacity 0.3s ease; } 
.quotebutton-mobile {display: none;}
.quotebutton-mobile .btn-blue {padding: 12px 15px !important;font-size: 16px !important; border:0 !important; box-shadow:none !important;min-width: auto;}
@media (min-width:768px){
  .menu-item-has-children:hover .sub-menu { display:block !important;}
}

.color-1{ color: #1031fa;}
.color-black{ color: #000000;}
<style>
.entry-content p:empty { display: none; }
html {scroll-behavior: smooth;}