@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*............... GENERAL STYLE .........................*/
    :root {
        color-scheme: light dark;
        --color-first: light-dark(#00273D, #eff8ff);
        --color-second: light-dark(#808080, #ddd);
        --color-third: light-dark(#acd7f5, #5f88a4);
        --color-white: light-dark(#ffffff, #3c3c3c);
        --color-white-same: light-dark(#ffffff, #ffffff);
        --color-black: light-dark(#000000, #ffffff);
        --color-light-gray: light-dark(#f1f1f1, #2a2b2e);
        --color-light-blue: light-dark(#eff8ff, #a5d8ff);        
        --bg-first: light-dark(#00273D, #00273D);
        --bg-second: light-dark(#808080, #333333);
        --border-color: #3e3e3e;
        --font-family: "Montserrat", sans-serif;
        --shadow-1: 0 10px 20px 0 rgba(0, 0, 0, .16);
        --shadow-2: 0 10px 20px 0 rgba(0, 0, 0, .32);
        --shadow-light: 0 5px 15px rgba(239, 248, 255, 0.2), 0 0 0 rgba(173, 215, 245, 0.25), 0 0 0 rgba(172, 215, 245, 0.3);
        --shadow-dark: 0 5px 15px rgba(168, 210, 242, 0.9), 0 0 0 rgba(97, 175, 231, 0.9), 0 0 0 rgba(108, 183, 235, 0.9);
    }
    :root {
        &:has(html[data-bs-theme="light auto"]) {
            color-scheme: light;
        }
        &:has(html[data-bs-theme="dark"]) {
            color-scheme: dark;
        }
    }
    *,::before,::after {box-sizing: border-box;}
    * {
        margin: 0;
        padding: 0;
        font-family: var(--font-family);
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.5;
        color: var(--color-black);
        text-transform: none;
        text-wrap: auto;
        transition: all 0.5s;
    }
    html { scroll-behavior: smooth; }
    a, a:hover, a:focus, a:focus-visible { text-decoration: none; outline: none; }
    img {object-fit: contain;object-position: center;}
    ul li {list-style: none;}
    ul.list li {list-style: disc;color: var(--color-black);}
    .list-style-icon li,.list-style-link-icon a{ position: relative;padding-left:15px;}
    .list-style-icon li:before,.list-style-link-icon a:before{
       position: absolute;
       content: "\f105";
       font-family: 'FontAwesome';
       width: 10px;
       height: 10px;
       font-size: 0.9rem;
       font-weight: 700;
       left:0px;
       top:2px;
     }
    header .list-style-icon li:before,header .list-style-link-icon a:before{
       top:5px;
     }
    .li-text-italic li, .text-italic {font-style: italic;}
    blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre { margin: 0;}
    .w-fit-content {width: fit-content !important;}
    .w-max-content {width: max-content !important;}
    .min-h-100 { min-height: 100%;height: 100%;}
    textarea{resize: none !important;}
    .cursor-pointer {cursor: pointer;}
    .pre-wrap-custom{white-space: pre-line}
/*............... CAROUSEL STYLES .......................*/
    .owl-theme .owl-nav {
        position: absolute;
        right: -9px;
        top: -60px;
        margin-top: 0 !important;
    }
    .owl-carousel .owl-nav button:focus {outline: 0 !important;border: 0 !important;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        width: 50px;
        height: 50px;
        background: var(--color-third) !important;        
        box-shadow: var(--shadow-light);
        /*position: relative;*/
        top: 50%;
        right: -12px;
    }
    .owl-carousel .owl-nav button span { opacity: 0;width: 0;height: 0;}
    .owl-carousel .owl-nav button.owl-next::after, .owl-carousel .owl-nav button.owl-prev::after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        /*position: absolute;*/
        /*top: 20px;
        right: 5px;
        bottom: 5px;
        left: 20px;*/
        transform: rotate(45deg);
        border-radius: 0;
        border: 2px solid var(--color-white-same);
        border-left: 0;
        border-bottom: 0;
        margin-left: -12px;
        margin-top: 4px;
    }
    .owl-carousel .owl-nav button.owl-prev {transform: rotate(180deg);}
/*............... BORDER STYLES .........................*/
    .border-first {border-color: var(--color-first) !important;}
    .border-second {border-color: var(--color-second) !important;}
    .border-third {border-color: var(--color-third) !important;}
    .border-blue {border-color: var(--color-light-blue) !important;}
    .border-gray {border-color: var(--color-light-gray) !important;}
    .radius-0 {border-radius: 0 !important;}
    .radius-50 {border-radius: 50px !important;}
    .radius-100 {border-radius: 100% !important;} 
/*............... FORM FIELDS STYLES ....................*/
   .form-label {font-size:0.85rem;color: var(--color-black);margin-bottom: 4px;}
    .form-required {color: red !important;font-weight: 600;}
    input.form-control,select.form-select,
    input.form-control:focus,select.form-select:focus,textarea.form-control:focus{background-color: var(--color-white-same);}
    input::placeholder, select::placeholder, textarea::placeholder {color: #808080;font-size: 1rem;font-weight: 400;}
    input, select, textarea, .form-control {caret-color: #00273D;color: #00273D !important;background: var(--color-white-same);
        font-size: 1rem;font-weight: 400;min-height: 40px;outline: none !important;box-shadow: none !important;}
    .input-border {border: 1px solid var(--border-color);transition: all 0.5s;}
    .input-border:hover, .input-border:focus, .input-border.active {border-color: #00273D;}
    .text-color-first {color: #00273D !important;}
/*............... TEXT LIMIT STYLES .....................*/
    .text-limit-1,.text-limit-2,.text-limit-3,.text-limit-4{
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .text-limit-1{-webkit-line-clamp: 1;}
    .text-limit-2{-webkit-line-clamp: 2;}
    .text-limit-3{-webkit-line-clamp: 3;}
    .text-limit-4{-webkit-line-clamp: 4;}
/*............... HEADING STYLES ........................*/
    .webContent .mainHeading{
        font-size:2.8rem;
        font-weight:400;
        line-height:1.2;
        color:var(--color-first);
        font-family: var(--font-family);
    }
    .webContent .largeHeading{
        font-size:2.2rem;
        font-weight:400;
        line-height:1.3;
        color:var(--color-first);
        font-family: var(--font-family);
    }
    .webContent .subHeading {
        font-size: 1.4rem;
        font-family: var(--font-family);
        font-weight: 400;
        line-height: 1.6;
    }
    .webContent .thirdHeading {
        font-size: 1.2rem;
        font-family: var(--font-family);
        font-weight: 400;
        line-height: 1.5;
    }
    p, ul li, ol li {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.6;
        font-family: var(--font-family);
    }
    .webContent.text-color-white .mainHeading {color: var(--color-third)}
    .webContent.text-color-white .largeHeading,
    .webContent.text-color-white .subHeading,
    .webContent.text-color-white .thirdHeading,
    .webContent.text-color-white p,
    .webContent.text-color-white a,
    .webContent.text-color-white span,
    .webContent.text-color-white small,
    .webContent.text-color-white strong,
    .webContent.text-color-white b,
    .webContent.text-color-white label,
    .webContent.text-color-white li {color: var(--color-white);}
    .webContent.color-white-same .mainHeading,
    .webContent.color-white-same .largeHeading,
    .webContent.color-white-same .subHeading,
    .webContent.color-white-same .thirdHeading,
    .webContent.color-white-same p,
    .webContent.color-white-same a,
    .webContent.color-white-same span,
    .webContent.color-white-same small,
    .webContent.color-white-same strong,
    .webContent.color-white-same b,
    .webContent.color-white-same label,
    .webContent.color-white-same li {color: var(--color-white-same);}
/*............... COLORS & Background ...................*/
    .color-first {color: var(--color-first) !important;}
    .color-second {color: var(--color-second) !important;}
    .color-third {color: var(--color-third) !important;}
    .color-white {color: var(--color-white) !important;}
    .color-black {color: var(--color-black) !important;}
    .color-white-same {color: var(--color-white-same) !important;}
    .bg-color-first {background-color: var(--bg-first) !important;}
    .bg-color-second {background-color: var(--bg-second) !important;}
    .bg-color-third {background-color: var(--color-third) !important;}
    .bg-light-gray {background-color: var(--color-light-gray) !important;}
    .bg-light-blue{background-color: var(--color-light-blue) !important;}
    .bg-color-white {background-color: var(--color-white) !important;}
    .bg-color-black {background-color: var(--color-black) !important;}    
    .bg-white-same {background-color: var(--color-white-same) !important;}
    .bg-abstract1 {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/bg-imgs/abstract-bg1.png);
        background-size: 100% 50%;background-repeat: no-repeat;background-position: center;}
.bg-abstract2 {position: relative;overflow: hidden;}
.bg-abstract2 .container.webContent {position: relative;z-index: 2;}
.bg-abstract2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/bg-imgs/abstract-bg2.png);
        background-size: 100% 100%;background-repeat: no-repeat;}
    .bg-circle-left {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/bg-imgs/circle-left.png);
        background-size: contain;background-repeat: no-repeat;background-position: left;}
    .bg-circle-right {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/bg-imgs/circle-right.png);
        background-size: contain;background-repeat: no-repeat;background-position: right;}
    html[data-bs-theme="dark"] .bg-abstract1 {background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-imgs/abstract-bg1.png);
        background-size: 100% 100%;background-position: center; background-repeat: no-repeat;}
    html[data-bs-theme="dark"] .bg-abstract2:after {opacity:0.1;background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-imgs/abstract-bg2.png);
        background-size: 100% 100%; background-repeat: no-repeat;}
    html[data-bs-theme="dark"] .bg-circle-left {background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-imgs/circle-left.png);
        background-size: contain;background-repeat: no-repeat;background-position: left;}
    html[data-bs-theme="dark"] .bg-circle-right {background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-imgs/circle-right.png);
        background-size: contain;background-repeat: no-repeat;background-position: right;}
/*............... gradient color ........................*/
    .text-gradient1 {
        line-height: 1.01;
        background: linear-gradient(0deg, #00273d 5%, #003554 23%, #00a5ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        background-clip: text;
    }
    html[data-bs-theme="dark"] .text-gradient1 {
        background: linear-gradient(0deg, #00273d 5%, #cedee7 23%, #00a5ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        background-clip: text;
    }    
    .bg-gradient1 {
        background: #fdfdff;
        background: -webkit-radial-gradient(circle at center, #00273d 10%, #034263 60%, #116593 100%);
        background: -moz-radial-gradient(circle at center, #00273d 10%, #034263 60%, #116593 100%);
        background: -o-radial-gradient(circle at center, #00273d 10%, #034263 60%, #116593 100%);
        background: -ms-radial-gradient(circle at center, #00273d 10%, #034263 60%, #116593 100%);
        background: radial-gradient(circle at center, #00273d 10%, #034263 60%, #116593 100%);
    }
    .bg-gradient2 {
        background: #acd7f5;
        background: -webkit-linear-gradient(to top, #FFFFFF 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: -moz-linear-gradient(to top, #FFFFFF 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: -o-linear-gradient(to top, #FFFFFF 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: -ms-linear-gradient(to top, #FFFFFF 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: linear-gradient(to top, #FFFFFF 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
    } 
    html[data-bs-theme="dark"] .bg-gradient2 {
        background: #acd7f5;
        background: -webkit-linear-gradient(to top, #000000 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: -moz-linear-gradient(to top, #000000 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: -o-linear-gradient(to top, #000000 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: -ms-linear-gradient(to top, #000000 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
        background: linear-gradient(to top, #000000 0%, #eff8ff 80%, #acd7f5 90%, #00273D 103%);
    }
/*............... shadow color ..........................*/    
    .shadow-1 {box-shadow: var(--shadow-1);}
    .shadow-2 {box-shadow: var(--shadow-2);}
    /*.shadow-1:hover,.shadow-2:hover {box-shadow: var(--shadow-dark);}*/
    .shadow-light {box-shadow: var(--shadow-light);}
    .shadow-dark {box-shadow: var(--shadow-dark);}
    .shadow-light:hover {box-shadow: 0 2px 10px rgba(239, 248, 255, 0.2), 0 0 0 rgba(173, 215, 245, 0.25), 0 0 0 rgba(172, 215, 245, 0.3);}
    .shadow-dark:hover {box-shadow: 0 2px 10px rgba(168, 210, 242, 0.9), 0 0 0 rgba(97, 175, 231, 0.9), 0 0 0 rgba(108, 183, 235, 0.9);}
/*............... SVG COLORS ............................*/
    svg.fill-first path {fill: var(--color-first) !important;}
    svg.fill-second path {fill: var(--color-second) !important;}
    svg.fill-white path {fill: var(--color-white) !important;}
    svg.fill-white-same path {fill: var(--color-white-same) !important;}
    svg.fill-black path {fill: var(--color-black) !important;}
    svg.fill-stroke-first path {stroke: var(--color-first) !important;}
    svg.fill-stroke-second path {stroke: var(--color-second) !important;}
    svg.fill-stroke-white path {stroke: var(--color-white) !important;}
    svg.fill-stroke-black path {stroke: var(--color-black) !important;}
/*............... ICON SIZES ............................*/
    .iconSize-8 {
        min-width: 8px;
        height: 8px;
    }
    .iconSize-10 {
        min-width: 10px;
        height: 10px;
    }
    .iconSize-12 {
        min-width: 12px;
        height: 12px;
    }
    .iconSize-15 {
        min-width: 15px;
        height: 15px;
    }
    .iconSize-16 {
        min-width: 16px;
        height: 16px;
    }
    .iconSize-18 {
        min-width: 18px;
        height: 18px;
    }
    .iconSize-20 {
        min-width: 20px;
        height: 20px;
    }
    .iconSize-24 {
        min-width: 24px;
        height: 24px;
    }
    .iconSize-25 {
        min-width: 25px;
        height: 25px;
    }
    .iconSize-30 {
        min-width: 30px;
        height: 30px;
    }
    .iconSize-35 {
        min-width: 35px;
        height: 35px;
    }
    .iconSize-40 {
        min-width: 40px;
        height: 40px;
    }
    .iconSize-48 {
        min-width: 48px;
        height: 48px;
    }
/*............... FONT SIZE..............................*/
    .text-xxl {font-size: 1.5rem !important;line-height: normal;}
    .text-xl {font-size: 1.25rem !important;line-height:1.5;}
    .text-lg {font-size: 1.125rem !important;line-height:1.5;}
    .text-md {font-size: 1rem !important;line-height: normal;}
    .text-sm {font-size: 0.875rem !important;}
    .text-xs {font-size: 0.75rem !important;line-height: normal;}
/*............... FONT WIGHT ............................*/
    .fw-400 {font-weight: 400 !important;}
    .fw-500 {font-weight: 500 !important;}
    .fw-600 {font-weight: 600 !important;}
    .fw-700 {font-weight: 700 !important;}
/*............... BUTTON STYLE ..........................*/
    .button-style {
        cursor: pointer;
        position: relative;
        text-decoration: none !important;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        text-align: center;
        font-size: 1rem;
        font-weight: 500 !important;
        line-height: normal !important;
        text-transform: capitalize;
        border: 2px solid transparent;
        border-radius: 50px;
        padding: 6px 20px;
        min-height: 40px;
        outline: none !important;
        transition: all 0.7s ease;
        z-index: 1;
    }
    .button-style:hover {transform: scale(.95);}
    .button-style.button-sm{padding: 3px 10px;font-size:0.875rem; }
    .btn-outline-first {color: var(--color-first);border-color: var(--color-first);background-color: transparent}
    .btn-outline-first:hover, .btn-first:hover, .btn-first {color: var(--color-white);background-color: var(--color-first);}
    .btn-outline-second {color: var(--color-second);border-color: var(--color-second);background-color: transparent}
    .btn-outline-second:hover, .btn-second:hover, .btn-second {color: var(--color-black);border-color: var(--color-second);background-color: var(--color-second);}
    .btn-outline-third {color: var(--color-third);border-color: var(--color-third);background-color: transparent}
    .btn-outline-third:hover, .btn-third:hover, .btn-third {color: var(--color-black) !important;border-color: var(--color-third);background-color: var(--color-third);}
    .btn-outline-first svg, .btn-outline-second svg, .btn-outline-third svg,
    .btn-first svg, .btn-second svg, .btn-third svg{fill: var(--color-first);transition: all 0.7s ease;min-width: 20px;width: 20px;height: 20px;}
    .btn-outline-first svg path {fill: var(--color-first);transition: all 0.7s ease;}
    .btn-outline-second svg path {fill: var(--color-second);transition: all 0.7s ease;}
    .btn-first:hover svg path, .btn-second:hover svg path,.btn-first svg path, .btn-second svg path  {fill: var(--color-black);}
    .no-bg-btn {
        padding: 0;
        margin: 0;
        border: none;
        background-color: transparent;
        outline: none !important;
        box-shadow: none !important;
    }
/*............... DROPDOWN STYLE ........................*/
    .no-toggle-after:after {display: none !important;}
    .dropdown-toggle {white-space: unset;}
    .dropdown-box {transform: translate(0, 0) !important;}
    .dropdown-box .dropdown-item .dropdown-a {min-height: 48px;}
    .dropdown-box .dropdown-item.active .dropdown-a,
    .dropdown-box .dropdown-item .dropdown-a:hover {
        border: 1px solid var(--color-second);
        background-color: var(--color-light-gray) !important;
    }
    .dropdown-item:focus, .dropdown-item:hover{background: transparent;}
/*............... MAIN SECTION ..........................*/
    .section-area {padding: 68px 0;}
    .section-pl {padding-left: 60px}
    .section-pr {padding-right: 60px}
    .section-radius {border-radius: 0 0 600px 0;}
/*............... SVG BACKGROUND ........................*/
    .svg-right-first-full{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22333%22%20height%3D%22179%22%20viewBox%3D%220%200%20333%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M61.4902%2025.198C80.9332%205.592%2085.3472%201.634%2089.5932%200H333V178.326H90.5592C86.2582%20176.903%2082.6272%20173.692%2062.0122%20153.076C41.3962%20132.461%2038.1852%20128.83%2036.7622%20124.529C34.3372%20117.202%2034.3502%2060.652%2036.7772%2053.385C38.2022%2049.12%2041.5272%2045.328%2061.4902%2025.198Z%22%20fill%3D%22%2300273D%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-left-first-full{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22333%22%20height%3D%22179%22%20viewBox%3D%220%200%20333%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M271.51%2025.198C252.067%205.592%20247.653%201.634%20243.407%200H0V178.326H242.441C246.742%20176.903%20250.373%20173.692%20270.988%20153.076C291.604%20132.461%20294.815%20128.83%20296.238%20124.529C298.663%20117.202%20298.65%2060.652%20296.223%2053.385C294.798%2049.12%20291.473%2045.328%20271.51%2025.198Z%22%20fill%3D%22%2300273D%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-right-first{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22299%22%20height%3D%22179%22%20viewBox%3D%220%200%20299%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.54%20153.128C45.983%20172.734%2050.397%20176.692%2054.643%20178.326L297.557%20178.995L298.048%200.66796L55.609%20-5.5358e-06C51.308%201.423%2047.677%204.634%2027.062%2025.25C6.44604%2045.865%203.23504%2049.496%201.81204%2053.797C-0.612964%2061.124%20-0.599974%20117.674%201.82702%20124.941C3.25202%20129.206%206.57702%20132.998%2026.54%20153.128Z%22%20fill%3D%22%2300273D%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-right-gray{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22299%22%20height%3D%22179%22%20viewBox%3D%220%200%20299%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.54%20153.128C45.983%20172.734%2050.397%20176.692%2054.643%20178.326L297.557%20178.995L298.048%200.66796L55.609%20-5.5358e-06C51.308%201.423%2047.677%204.634%2027.062%2025.25C6.44604%2045.865%203.23504%2049.496%201.81204%2053.797C-0.612964%2061.124%20-0.599974%20117.674%201.82702%20124.941C3.25202%20129.206%206.57702%20132.998%2026.54%20153.128Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-right-light-blue{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22299%22%20height%3D%22179%22%20viewBox%3D%220%200%20299%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.54%20153.128C45.983%20172.734%2050.397%20176.692%2054.643%20178.326L297.557%20178.995L298.048%200.66796L55.609%20-5.5358e-06C51.308%201.423%2047.677%204.634%2027.062%2025.25C6.44604%2045.865%203.23504%2049.496%201.81204%2053.797C-0.612964%2061.124%20-0.599974%20117.674%201.82702%20124.941C3.25202%20129.206%206.57702%20132.998%2026.54%20153.128Z%22%20fill%3D%22%23acd7f5%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-left-first{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22298%22%20height%3D%22179%22%20viewBox%3D%220%200%20298%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M271.087%2025.1205C251.59%205.56812%20247.165%201.6223%20242.915%206.48643e-06L0.000250078%201.9291e-06L0.000239313%20178.328L242.44%20178.328C246.737%20176.893%20250.359%20173.672%20270.917%20152.999C291.476%20132.328%20294.677%20128.688%20296.089%20124.383C298.493%20117.049%20298.325%2060.4996%20295.878%2053.2393C294.441%2048.9782%20291.105%2045.1954%20271.087%2025.1205Z%22%20fill%3D%22%2300273D%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-left-gray{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22298%22%20height%3D%22179%22%20viewBox%3D%220%200%20298%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M271.087%2025.1205C251.59%205.56812%20247.165%201.6223%20242.915%206.48643e-06L0.000250078%201.9291e-06L0.000239313%20178.328L242.44%20178.328C246.737%20176.893%20250.359%20173.672%20270.917%20152.999C291.476%20132.328%20294.677%20128.688%20296.089%20124.383C298.493%20117.049%20298.325%2060.4996%20295.878%2053.2393C294.441%2048.9782%20291.105%2045.1954%20271.087%2025.1205Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-left-light-blue{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22298%22%20height%3D%22179%22%20viewBox%3D%220%200%20298%20179%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M271.087%2025.1205C251.59%205.56812%20247.165%201.6223%20242.915%206.48643e-06L0.000250078%201.9291e-06L0.000239313%20178.328L242.44%20178.328C246.737%20176.893%20250.359%20173.672%20270.917%20152.999C291.476%20132.328%20294.677%20128.688%20296.089%20124.383C298.493%20117.049%20298.325%2060.4996%20295.878%2053.2393C294.441%2048.9782%20291.105%2045.1954%20271.087%2025.1205Z%22%20fill%3D%22%23acd7f5%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-center-first{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22487%22%20height%3D%22180%22%20viewBox%3D%220%200%20487%20180%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.54%2025.9242C45.983%206.31822%2050.397%202.36022%2054.643%200.726222C58.889%20-0.907778%20298.05%200.726222%20298.05%200.726222V178.052C298.05%20178.052%2059.91%20180.475%2055.609%20179.052C51.308%20177.629%2047.677%20174.418%2027.062%20153.802C6.44602%20133.187%203.23502%20129.556%201.81202%20125.255C-0.612985%20117.928%20-0.599985%2061.3782%201.82702%2054.1112C3.25202%2049.8462%206.57701%2046.0542%2026.54%2025.9242Z%22%20fill%3D%22%2300273D%22%2F%3E%3Cpath%20d%3D%22M459.51%2025.9242C440.067%206.31822%20435.653%202.36022%20431.407%200.726222C427.161%20-0.907778%20188%200.726222%20188%200.726222V178.052C188%20178.052%20426.14%20180.475%20430.441%20179.052C434.742%20177.629%20438.373%20174.418%20458.988%20153.802C479.604%20133.187%20482.815%20129.556%20484.238%20125.255C486.663%20117.928%20486.65%2061.3782%20484.223%2054.1112C482.798%2049.8462%20479.473%2046.0542%20459.51%2025.9242Z%22%20fill%3D%22%2300273D%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-center-gray{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22487%22%20height%3D%22180%22%20viewBox%3D%220%200%20487%20180%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.54%2025.9242C45.983%206.31822%2050.397%202.36022%2054.643%200.726222C58.889%20-0.907778%20298.05%200.726222%20298.05%200.726222V178.052C298.05%20178.052%2059.91%20180.475%2055.609%20179.052C51.308%20177.629%2047.677%20174.418%2027.062%20153.802C6.44602%20133.187%203.23502%20129.556%201.81202%20125.255C-0.612985%20117.928%20-0.599985%2061.3782%201.82702%2054.1112C3.25202%2049.8462%206.57701%2046.0542%2026.54%2025.9242Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%3Cpath%20d%3D%22M459.51%2025.9242C440.067%206.31822%20435.653%202.36022%20431.407%200.726222C427.161%20-0.907778%20188%200.726222%20188%200.726222V178.052C188%20178.052%20426.14%20180.475%20430.441%20179.052C434.742%20177.629%20438.373%20174.418%20458.988%20153.802C479.604%20133.187%20482.815%20129.556%20484.238%20125.255C486.663%20117.928%20486.65%2061.3782%20484.223%2054.1112C482.798%2049.8462%20479.473%2046.0542%20459.51%2025.9242Z%22%20fill%3D%22%23F1F1F1%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-center-light-blue{
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22487%22%20height%3D%22180%22%20viewBox%3D%220%200%20487%20180%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.54%2025.9242C45.983%206.31822%2050.397%202.36022%2054.643%200.726222C58.889%20-0.907778%20298.05%200.726222%20298.05%200.726222V178.052C298.05%20178.052%2059.91%20180.475%2055.609%20179.052C51.308%20177.629%2047.677%20174.418%2027.062%20153.802C6.44602%20133.187%203.23502%20129.556%201.81202%20125.255C-0.612985%20117.928%20-0.599985%2061.3782%201.82702%2054.1112C3.25202%2049.8462%206.57701%2046.0542%2026.54%2025.9242Z%22%20fill%3D%22%23eff8ff%22%2F%3E%3Cpath%20d%3D%22M459.51%2025.9242C440.067%206.31822%20435.653%202.36022%20431.407%200.726222C427.161%20-0.907778%20188%200.726222%20188%200.726222V178.052C188%20178.052%20426.14%20180.475%20430.441%20179.052C434.742%20177.629%20438.373%20174.418%20458.988%20153.802C479.604%20133.187%20482.815%20129.556%20484.238%20125.255C486.663%20117.928%20486.65%2061.3782%20484.223%2054.1112C482.798%2049.8462%20479.473%2046.0542%20459.51%2025.9242Z%22%20fill%3D%22%23eff8ff%22%2F%3E%3C%2Fsvg%3E);
    }
    .svg-left{background-position: left, center;}
    .svg-right{background-position: right, center;}
    .svg-center{background-position: center, center;}
    .svg-bg{height: auto;background-repeat: no-repeat;background-size: 55% 100%;}
    .svg-size-contain {background-size: contain;}
    .svg-cover-left{background-size: cover;background-position: right, center;}
    .svg-cover-right{background-size: cover;background-position: left, center;}
    @media screen and (max-width: 991px) {
        .svg-cover-left, .svg-cover-right{background-position: center, center;}
    }
/*............... bg pill CSS ...........................*/
    .bg-pill {position: relative;background-color: var(--color-white);}
    .bg-pill:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        margin: 0;
        width: 40%;
        height: 100%;
        background-color: var(--color-light-gray);
        z-index: 1;
    }
    .bg-pill-left.bg-pill:after {left: 0;right:auto;border-radius: 0 50% 0 0;}
    .bg-pill-left-top.bg-pill:after {left: 0;right:auto;border-radius: 0 0 50% 0;}
    .bg-pill-right.bg-pill:after {left: auto;right:0;border-radius: 50% 0 0 0;}
    .bg-pill-right-top.bg-pill:after {left: auto;right:0;border-radius: 0 0 0 50%;}
    .bg-pill-first.bg-pill:after {background-color: var(--color-first);}
    .bg-pill-gray.bg-pill:after {background-color: var(--color-light-gray);}
    .bg-pill-light-blue.bg-pill:after {background-color: var(--color-light-blue);}
    .bg-pill-img,.bg-pill-content{position: relative;z-index: 2;}
    @media screen and (min-width: 768px) and (max-width: 991.98px) {
        .bg-pill:after {width: 65%;height: 400px;}
        .bg-pill .bg-pill-img  {width: auto;height: 300px;margin: auto;object-position: center;object-fit: contain;}
    }
    @media screen and (max-width: 767.98px) {
        .bg-pill-left.bg-pill:after, .bg-pill-left-top.bg-pill:after,
        .bg-pill-right.bg-pill:after, .bg-pill-right-top.bg-pill:after {left: 0;right:0;border-radius: 0 0 0 0;width: 100%;}
    }
/*............... Scale CSS ...........................*/
    .scale-0-95,.scale-1-01,.scale-1-02,.scale-1-05,.scale-1-07.scale-1-09,.scale-2 {transition: all 0.7s;}
    .scale-0-95:hover {transform: scale(.95);}
    .scale-1-01:hover {transform: scale(1.01);}
    .scale-1-02:hover {transform: scale(1.02);}
    .scale-1-05:hover {transform: scale(1.05);}
    .scale-1-07:hover {transform: scale(1.07);}
    .scale-1-09:hover {transform: scale(1.09);}
    .scale-2:hover {transform: scale(2);}
    @media screen and (max-width: 767px) {
        .scale-0-95:hover,.scale-1-01:hover,.scale-1-02:hover,.scale-1-05:hover,.scale-1-07:hover.scale-1-09:hover,.scale-2:hover {transform: none;}
    }
/*............... MEDIA QUERY ...........................*/
    @media screen and (max-width: 1200px) {
        /*.section-pl {padding-left: 100px}
        .section-pr {padding-right: 100px}*/        
        .section-area {padding: 52px 0;}
    }
    @media screen and (max-width: 1024px) {
        .webContent .mainHeading{font-size:2.6rem;}
        .webContent .largeHeading{font-size:2rem;}
        .section-pl {padding-left: 60px}
        .section-pr {padding-right: 60px}
    }
    @media screen and (max-width: 991px) {
        *{font-size: 15px;}
        .webContent .mainHeading{font-size:2.4rem;}
        .webContent .largeHeading{font-size:1.8rem;}
        .webContent .subHeading {font-size: 1.2rem;}
        .webContent .thirdHeading {font-size: 1.1rem;}
        .section-area {padding: 52px 0;}
        .section-pl {padding-left: 40px}
        .section-pr {padding-right: 40px}
        .svg-bg.full-svg{background-size: 100% 100%;background-position:bottom center;}
    }
    @media screen and (max-width: 767px) {
        *{font-size: 14px;}
        .webContent .mainHeading {font-size:1.7rem;}
        .webContent .largeHeading {font-size: 1.6rem;}
        .webContent .subHeading {font-size: 1.1rem;}
        .webContent .thirdHeading {font-size: 1rem;}
        .section-area {padding: 40px 0;}
        .section-pl {padding-left: 16px}
        .section-pr {padding-right: 16px}
        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
            width: 30px;height: 30px;
        }
        .owl-carousel .owl-nav button.owl-next::after, .owl-carousel .owl-nav button.owl-prev::after{
            width: 15px;height: 15px;
        }
    }
    @media screen and (max-width: 481px) {
        .section-radius { border-radius: 0 0 200px 0; }
    }